js方法动态地添加元素（div、李、IMG、等）和设置属性

一组HTML标记被分配给Javaｓｃｒｉｐｔ变量。除了属性的值之外，我们还需要使用转义的双引号，有时字符串仍然很长，这有点复杂。如果元素与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.webp ；

li.appendchild（IMG）；
ul.appendchild（李）；
}
电话：addelementimg（parentul ）；

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