zoukankan      html  css  js  c++  java
  • JavaScript添加或删除HTML元素

    1.添加HTML元素

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title></title>
    </head>
    <body>
    
    <div id="div1">
    <p id="p1">这是一个段落。</p>
    <p id="p2">这是另一个段落。</p>
    </div>
    <script>
    var para=document.createElement("p");//创建新的<p> 元素
    var node=document.createTextNode("这是一个新段落。");//创建文本节点,如果不再需要追加其他文本节点,也可以p1.innerHTML = "这是一个新段落。"
    ; para.appendChild(node);//向 <p> 元素追加这个文本节点 //向已有的元素追加这个新元素 var element=document.getElementById("div1"); element.appendChild(para); </script> </body> </html>

    2.删除已有的 HTML 元素

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
    </head>
    <body>
    
    <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>
    
    </body>
    </html>

    也可以使用 parentNode 属性来找到想要删除元素的父元素

    var child=document.getElementById("p1");
    child.parentNode.removeChild(child);
  • 相关阅读:
    Session共享的解决方案
    用IIS配置反向代理
    authorization配置
    git之https或http方式设置记住用户名和密码的方法
    微信分享接口
    为你的Visual Studio单独设置代理服务器
    HTTP错误404.13
    MVC5的AuthorizeAttribute详解
    【MVC5】画面多按钮提交
    PetaPoco dynamic
  • 原文地址:https://www.cnblogs.com/halao/p/7677915.html
Copyright © 2011-2022 走看看