一组HTML标记被分配给Javascript变量。除了属性的值之外,我们还需要使用转义的双引号,有时字符串仍然很长,这有点复杂。如果元素与JS一起动态添加,那么就不会有如此复杂的字符串外观,代码可读性更强,易于理解。

网页是由HTML标签,和JS也可以动态添加标签,如div、李和IMG层。事实上,无论是HTML标签,js动态创建相同的方式,然后开始用动态添加组

1。js动态添加元素div




功能addelementdiv(obj){
VaR母= document.getelementbyid(obj);

添加
var div = document.createelement(div);

设置div属性,如id
div.setattribute(身份

div.innerhtml =js动态添加div;
parent.appendchild(DIV);
}


电话:addelementdiv(母);

js动态添加李


原来的李

功能addelementli(obj){
VaR UL = document.getelementbyid(obj);

添加里县
Var Li = document.createelement(礼);

设置李属性,如id
li.setattribute(身份

li.innerhtml =js动态添加里;
ul.appendchild(李);
}


电话:addelementli(parentul );

三、JS动态添加元素IMG




功能addelementimg(obj){
VaR UL = document.getelementbyid(obj);

添加里县
Var Li = document.createelement(礼);

添加 / / IMG
VaR img = document.createelement(IMG);

/ /设置img属性,如身份
img.setattribute(身份

设置/ IMG图片。
img.src = /图像/ prod.jpg ;

li.appendchild(IMG);
ul.appendchild(李);
}



电话:addelementimg(parentul );

上面的js动态添加元素(div、李、IMG、等)的方式设置属性的所有内容,萧边分享给你。我希望能给你一个参考,希望你能支持他们。