脚本宝典收集整理的这篇文章主要介绍了js实例教程-JS的简单小应用之创建节点，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。
JS的简单小应用之创建节点
<!DOCTYPE htML> <html lang="en"> <head> <;meta charset="utf-8"> <script> function add() { VAR li = document.createElement('li'); var txt = document.createTextNode('冬'); li.appendChild(txt); document.getelementsbytagname('ul')[0].appendChild(li); } </script> </head> <body> <h1>创建节点</h1> <input type="button" value="增加" onclick="add();" /> <ul> <li>春</li> <li>夏</li> <li>秋</li> </ul> </body> </html>
点击多次创建后：
JS的简单小应用之创建节点
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <script> function add() { var li = document.createElement('li'); var txt = document.createTextNode('冬'); li.appendChild(txt); document.getElementsByTagName('ul')[0].appendChild(li); } </script> </head> <body> <h1>创建节点</h1> <input type="button" value="增加" onclick="add();" /> <ul> <li>春</li> <li>夏</li> <li>秋</li> </ul> </body> </html> 点击多次创建后：
觉得可用，就经常来吧！Javascript技巧 脚本宝典 欢迎评论哦！ js技巧，巧夺天工，精雕玉琢。小宝典献丑了！
以上是脚本宝典为你收集整理的js实例教程-JS的简单小应用之创建节点全部内容，希望文章能够帮你解决js实例教程-JS的简单小应用之创建节点所遇到的问题。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。