zoukankan      html  css  js  c++  java
  • js 节点操作

    添加和删除节点(HTML 元素)。

    创建新的 HTML 元素

    如需向 HTML DOM 添加新元素,您必须首先创建该元素(元素节点),然后向一个已存在的元素追加该元素。

    实例

    <div id="div1">
    <p id="p1">这是一个段落</p>
    <p id="p2">这是另一个段落</p>
    </div>
    
    <script>
    var para=document.createElement("p");
    var node=document.createTextNode("这是新段落。");
    para.appendChild(node);
    
    var element=document.getElementById("div1");
    element.appendChild(para);
    </script>
    

     

    例子解释:

    这段代码创建新的 <p> 元素:

    var para=document.createElement("p");
    

    如需向 <p> 元素添加文本,您必须首先创建文本节点。这段代码创建了一个文本节点:

    var node=document.createTextNode("这是新段落。");
    

    然后您必须向 <p> 元素追加这个文本节点: 

    para.appendChild(node);
    

    最后您必须向一个已有的元素追加这个新元素。

    这段代码找到一个已有的元素:

    var element=document.getElementById("div1");
    

    这段代码向这个已有的元素追加新元素:

    element.appendChild(para);
    

    删除已有的 HTML 元素

    如需删除 HTML 元素,您必须首先获得该元素的父元素:

    <div id="div1">
    <p id="p1">这是一个段落。</p>
    <p id="p2">这是另一个段落。</p>
    </div>
    
    <script>
    var parent=document.getElementById("div1");
    var child=document.getElementById("p1");
    parent.removeChild(child);
    </script>
    

      

      

      

      

     

  • 相关阅读:
    Bootstrap组件---nav(导航条)
    (2)基于Bootstrap的网页开发
    Bootstrap组件简要汇总解析(不定期更新)
    知识碎片(长期更新)
    DOM中document对象的常用属性方法总结
    IE678如何兼容css3圆角属性
    17年面试问题总结
    0.1 js复习
    Basic knowledge about energy field
    BDA: single parameter models
  • 原文地址:https://www.cnblogs.com/kevin2016/p/7278252.html
Copyright © 2011-2022 走看看