你的位置:首页 > 软件开发 > Java > JavaScript基础1——在末尾添加节点

JavaScript基础1——在末尾添加节点

发布时间:2016-09-12 16:00:14
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>在末尾添加节点</title&gt ...

JavaScript基础1——在末尾添加节点

 1 <!DOCTYPE html> 2 <html> 3   <head> 4     <meta charset="UTF-8"> 5     <title>在末尾添加节点</title> 6   </head> 7   <body> 8     <ul> 9       <li>111</li>10       <li>222</li>11       <li>333</li>12       <li>444</li>13     </ul>14     <br>15     <input type="button" value="添加节点" onclick="addNode()" />16     <script type="text/javascript">17       function addNode() {18         // 获取到ul19         var ul = document.getElementsByTagName("ul")[0];20         // 创建li21         var li = document.createElement("li");22         // 创建文本23         var length = ul.children.length + 1;24         var text = document.createTextNode(length + "" + length + "" + length);25         // 在li中加入文本26         li.appendChild(text);27         // 在ul中加入li28         ul.appendChild(li);29       }30     </script>31   </body>32 </html>

原标题:JavaScript基础1——在末尾添加节点

关键词:JavaScript

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。