js实现在末尾添加节点
Posted sunli0205
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js实现在末尾添加节点相关的知识，希望对你有一定的参考价值。
在末尾添加节点：
1.获取ul标签
2.创建li标签
document.createElement("标签名称")方法
3.创建文本
document.createTextNode("文本内容");
4.把文本添加到li下面
使用 appendChild方法
5.把添加到ul的末尾
使用 appendChild方法
<html> <head> <title>HTML示例</title> <style type="text/css"> </style> </head> <body> <div> <ul id="ulid"> <li>111</li> <li>222</li> <li>333</li> <li>444</li> </ul> </div> </div> <br/> <input type="button" value="add" onclick="add1();"/> <script type="text/javascript">//在末尾添加节点 function add1() { //获取到ul标签 var ul1 = document.getElementById("ulid"); //创建标签 var li1 = document.createElement("li"); //创建文本 var tex1 = document.createTextNode("5555"); //把文本加入到li下面 li1.appendChild(tex1); //把li加入到ul下面 ul1.appendChild(li1); } </script> </body> </html>
以上是关于js实现在末尾添加节点的主要内容，如果未能解决你的问题，请参考以下文章