代码描述:removeChild()删除li元素。removeChild()删除li元素代码下载
在dom操作,可能需要删除一个指定元素的指定子元素,下面就以删除指定的li元素作为例子。 代码实例如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="https://www.51qianduan.com/" /> <title>51前端</title> <style type="text/css"> ul li{ list-style:none; font-size:12px; line-height:25px; } </style> <script type='text/javascript'> window.onload=function(){ var obox=document.getElementById("box"); var lis=document.getElementsByTagName("li"); var obt=document.getElementById("bt"); obt.onclick=function(){ obox.removeChild(lis[1]); } } </script> </head> <body> <ul id="box"> <li>51前端欢迎您,只有努力奋斗才会有美好的明天。</li> <li>没有人一开始就是高手,必须要通过虚心学习。</li> <li>每一天都是新的,要好好珍惜。</li> <li>只有当下的时间才是真实的,下一秒都是虚幻的。</li> <li>分享的精神和互助的胸怀是进步的最大源动力。</li> </ul> <input type="button" id="bt" value="查看效果"/> </body> </html>
请绑定手机号,在继续操作
注意:只有绑定手机以后,才可使用网站全部功能