如何利用Element元素在末尾添加节点

来源:互联网 发布:量子 知乎 编辑:程序博客网 时间:2024/05/19 06:14
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Element元素</title>    <script type="text/javascript">     </script></head><body><h3>在末尾添加节点</h3><ul id="ulid">    <li>星期一</li>    <li>星期二</li>    <li>星期三</li>    <li>星期四</li></ul><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 text1=document.createTextNode("周五");     //把文本加入到li标签的下面     li1.appendChild(text1);     ul1.appendChild(li1); }</script></body></html>
0 0
原创粉丝点击