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>

  • 相关阅读:
    Diffusion Particle Resolver
    GPU Jacobi Iterator
    Remark for ColorSpectrum Rendering
    关于Windows的命令行多语言输出
    DPR Sphere in Cloud
    看到一篇有意思的东西,记录一下
    GFS的系统架构
    jsp实现树状结构
    工作笔记
    批量删除
  • 原文地址:https://www.cnblogs.com/shoolnight/p/6781616.html
Copyright © 2011-2022 走看看