摘要: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技巧,巧夺天工,精雕玉琢。小宝典献丑了!

本文固定链接: http://www.js-code.com/js/js_1380.html