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);
  • 相关阅读:
    python播放音频文件
    安装pyaudio
    给 python工程 打包并上传 PyPI (The Python Package Index)
    python怎么import自己写的包
    pip源使用国内镜像
    Git和GitHub
    nginx的日志轮转
    ab接口压力测试工具
    nginx 性能优化
    https协议
  • 原文地址:https://www.cnblogs.com/halao/p/7677915.html
Copyright © 2011-2022 走看看