我有这个 html
<div class="mytext">
blablabla
</div>
<div class="part2" data-type="background" data-speed="10">
<img src="images/bb4.jpg" />
</div>
<div class="mytext">
hello hello world
</div>
<div class="part2" data-type="background" data-speed="10">
<img src="images/bb5.jpg" />
</div>
现在我想在 part2 容器中获取图像的每个 src,然后将 html 更改为这个结果
<div class="mytext">
blablabla
</div>
<div class="part2" style="background:url('images/bb4.jpg') fixed;" data-type="background" data-speed="10">
</div>
<div class="mytext">
hello hello world
</div>
<div class="part2" style="background:url('images/bb5') fixed;" data-type="background" data-speed="10">
</div>
基本上我必须获取 src 然后编辑 div 容器的属性,并删除 img 标签,我必须在页面加载时执行此操作
我已经编写了这段代码来获取src,但是它不起作用,并且没有更改div的部分
var elems = [].slice.call( document.getElementsByClassName("post2") );
elems.forEach( function( elem ){
elem.onclick = function(){
var arr = [],
imgs = [].slice.call( elem.getElementsByTagName("img") );
if(imgs.length){
imgs.forEach( function( img ){
var attrID = img.id;
arr.push(attrID);
});
alert(arr);
} else {
alert("No images found.");
}
};
});
有人可以帮助我吗?:) 谢谢