zoukankan      html  css  js  c++  java
  • HTML DOM appendChild() 方法

    <!DOCTYPE html>
    <html>
    <body>
    
    <ul id="myList">
      <li>Coffee</li>
      <li>Tea</li>
    </ul>
    
    <p id="demo">请点击按钮向列表中添加项目。</p>
    
    <button onclick="myFunction()">亲自试一试</button>
    
    <script>
    function myFunction()
    {
    var node=document.createElement("LI");
    var textnode=document.createTextNode("Water");
    node.appendChild(textnode);
    document.getElementById("myList").appendChild(node);
    }
    </script>
    
    <p><b>注释:</b>首先创建 LI 节点,然后创建文本节点,然后把这个文本节点追加到 LI 节点。最后把 LI 节点添加到列表中。</p>
    
    </body>
    </html>
    
    • Coffee
    • Tea
    • Water
    • Water

    请点击按钮向列表中添加项目。

    注释:首先创建 LI 节点,然后创建文本节点,然后把这个文本节点追加到 LI 节点。最后把 LI 节点添加到列表中。

  • 相关阅读:
    第三周课程总结&实验报告
    2019春学习总结
    第十二周
    第十一周
    第十周
    第九周
    第八周作业
    第七周作业
    实验报告3&学习总结
    实验报告2
  • 原文地址:https://www.cnblogs.com/dexjinkey/p/6089897.html
Copyright © 2011-2022 走看看