DOM appendChild alternate
DOM appendChild alternate
我正在创建一个DOM元素,如下所示;
var imgEle = document.createElement('img');
imgEle.src = imgURL;
x.appendChild(imgEle);
现在,对于最后一行,我希望它被替换,或者始终是x的第一个子元素
对于跨浏览器兼容性,我应该如何做到这一点?
var xChildren = x.childNodes;
if(xChildren[0])
x.replaceChild(myIMG, xChildren[0]);
else
x.appendChild(myIMG);
这应该能起到的作用
我们获取X的所有子元素,然后检查它们中的第一个是否已定义。(如果有多个,您也可以使用x.innerHTML方法一次性删除它们)。如果定义了它,我们将用新创建的元素替换它,如果没有,我们只需附加元素。
编辑:通过在循环中创建和附加元素,您的脚本有点重——既然您似乎只想更改x中包含的图像,为什么不简单地更改.src属性呢?
var xChildren = x.childNodes;
var myIMG;
if(xChildren[0])
mIMG = xChildren[0]; //you should be sure that this is an image
// perhaps you might want to check its type.
else{
mIMG = document.createElement("img");
mIMG.src = "source";
x.appendChild(mIMG);
}
//now the loop
while( your_condition )
mIMG.src = "source of the image";
这样,您只使用和编辑一个元素。