专业网站建设品牌，十四年专业建站经验，服务6000+客户--广州京杭网络
免费热线：400-683-0016      微信咨询  |  联系我们

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

当前位置：网站建设 > 技术支持
资料来源：网络整理       时间：2023/3/4 5:11:25       共计：3614 浏览

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

删除属性使用 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>

版权说明：
本网站凡注明“广州京杭 原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。
·上一条：pre标签的含义_CSS学习 | ·下一条：发动机型号css是什么意思_CSS学习

Copyright © 广州京杭网络科技有限公司 2005-2025 版权所有    粤ICP备16019765号 

广州京杭网络科技有限公司 版权所有