原创作品,转载需得到原作者书面许可,同时保留原作者和出处,否则将追究法律责任。
remove方法可以删除节点自身。
语法结构:
[JavaScript] 纯文本查看 复制代码elementNodeReference.remove();
浏览器支持:
(1).IE浏览器不支持此方法。
(2).edge浏览器支持此方法。
(3).谷歌浏览器支持此方法。
(4).opera浏览器支持此方法。
(5).火狐浏览器支持此方法。
(6).safria浏览器支持此方法。
代码实例:
[HTML] 纯文本查看 复制代码运行代码<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>蚂蚁部落</title> <style type="text/css"> ul li{ width:150px; height:20px; line-height:20px; list-style:none; } </style> <script type="text/javascript"> window.onload=function(){ let obt=document.getElementById("bt"); let obox=document.getElementById("box"); let lis = obox.getElementsByTagName("li"); obt.onclick=function(){ lis[1].remove(); } } </script> </head> <body> <ul id="box"> <li>蚂蚁部落一</li> <li>蚂蚁部落二</li> <li>蚂蚁部落三</li> <li>蚂蚁部落四</li> </ul> <input type="button" id="bt" value="查看效果"/> </body> </html>
点击按钮可以删除li元素集合中的第二个元素。
前端教程
HTML5 API
鲁ICP备10022556号-3
鲁公网安备 37021302000666号
关于我们
|手机版|小黑屋|
Copyright © 2012-2020 Design: 蚂蚁部落
最新评论