zoukankan      html  css  js  c++  java
  • js创建子节点

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title>js创建子节点</title>
        </head>
        <body>
            <!--在后面加-->
            <ul id="test1">
                <li>JavaScript</li>
                <li>HTML</li>
            </ul>
            <!--前面加入-->
            <ul id="test2">
                <li>JavaScript</li>
                <li>HTML</li>
            </ul>
            <!--指定位置插入-->
            <ul id="test3">
                <li>javascript</li>
                <li>HTML</li>
            </ul>
        </body>
        <script type="text/javascript">
              var otest1 = document.getElementById("test1");  
              var newnode1=document.createElement("li");
              newnode1.innerHTML="This is a new li";
              otest1.appendChild(newnode1);
    //          otest1.insertBefore(newnode1,otest1.lastChild);
              
              var otest2 = document.getElementById("test2");  
              var newnode2=document.createElement("li");
              newnode2.innerHTML="this is a new li";
              otest2.insertBefore(newnode2,otest2.firstChild);
              
    //          指定位置插入
              var otest3 = document.getElementById("test3");  
              var node3=document.getElementsByClassName("li")[1];
              var newnode3=document.createElement("li");
              newnode3.innerHTML="this is a new li";
              otest3.insertBefore(newnode3,node3);
              
              
        </script>
    </html>

  • 相关阅读:
    的地方d'fe'w
    日期
    equals方法
    接口作为成员变量类型
    匿名内部类注意事项
    匿名内部类
    局部内部类注意问题
    可以
    C中的volatile关键字
    继承权限问题
  • 原文地址:https://www.cnblogs.com/shoolnight/p/6781616.html
Copyright © 2011-2022 走看看