所有栏目

如何使用原生js来删除节点

已输入 0 字
优质回答
  • 删除属性使用 removeAttribute方法。

    删除节点使用 parentNode.removeChild(node)

    <!DOCTYPE html>

    <html>

    <head>

    <meta charset="utf-8" />

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <title>Page Title</title>

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <script type="text/javascript">

    onload=function(){

    btn.onclick=function(){

    var container = document.querySelector('#container');

    var textInput = document.querySelector('#text');

    var testBtn = document.querySelector('#test');

    testBtn.removeAttribute('onclick');

    container.removeChild(textInput);

    }

    }

    </script>

    </head>

    <body>

    <div id="container">

    <input type="text" name="text" id="text" value="" />

    <input type="button" value="仅作测试" id="test" onclick ="javascript:alert('存在点击事件Attribute')" />

    <input type="button" value="删除按钮的onclick及id=text的文本框" id="btn" />

    </div>

    </body>

    </html>

    2023-10-25 14:39:59
最新问题 全部问题