使用JS添加元素_元素分析
Hi，大家好，我是编程小6，很荣幸遇见你，我把这些年在开发过程中遇到的问题或想法写出来，今天说一说
使用JS添加元素_元素分析,希望能够帮助你!!!。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>js中DOM操作</title> <script> function addElement() {
//创建li标签 var li = document.createElement("li"); //往li标签中添加文本节点 var liText = document.createTextNode("哈密瓜"); li.appendChild(liText); //往指定的ul中添加li标签 document.getElementById("myFruits").appendChild(li); } </script> </head> <body> <ul id="myFruits"> <li>香蕉</li> <li>苹果</li> <li>橘子</li> </ul> <input type="button" value="动态添加元素节点" onclick="addElement()" /> </body> </html> 今天的分享到此就结束了，感谢您的阅读，如果确实帮到您，您可以动动手指转发给其他人。
上一篇
已是最后文章
下一篇
已是最新文章
相关推荐
最新文章
![](https://connect.qq.com/widget/shareqq/index.html?url=https://bianchenghao6.com/blog/author/1&sharesource=qzone&title=使用JS添加元素_元素分析&pics=https://bianchenghao6.com/blog/wp-content/uploads/2023/03/2023032613475569.jpg&summary=使用JS添加元素_元素分析!DOCTYPEhtmlhtmlheadmetacharset="utf-8"titlejs中DOM操作/titlescriptfunctionaddElement(){//创建li标签va&desc=使用JS添加元素_元素分析!DOCTYPEhtmlhtmlheadmetacharset="utf-8"titlejs中DOM操作/titlescriptfunctionaddElement(){//创建li标签va){kind=link}
![](https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=https://bianchenghao6.com/blog/author/1&sharesource=qzone&title=使用JS添加元素_元素分析&pics=https://bianchenghao6.com/blog/wp-content/uploads/2023/03/2023032613475569.jpg&summary=使用JS添加元素_元素分析!DOCTYPEhtmlhtmlheadmetacharset="utf-8"titlejs中DOM操作/titlescriptfunctionaddElement(){//创建li标签va){kind=link}
