javascript删除一个html元素节点的方法
2014-12-20 00:00
573 查看
本文实例讲述了利用原生javascript实现删除一个指定的html元素的方法。分享给大家供大家参考。具体实现方法如下:
在原生的javascript中,暂时没有没有一个方法能够删除元素本身,如果要删除可以通过通过父节点的removeChild()方法删除指定的子元素,代码比较简单,这里不多介绍了,感兴趣的朋友可以参阅相关资料。
希望本文所述对大家基于javascript的web程序设计有所帮助。
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.jb51.net/" /> <title>脚本之家</title> <style> #content{ width:200px; height:20px; color:red; } </style> <script> window.onload=function(){ var obt=document.getElementById("bt"); var odiv=document.getElementById("content"); obt.onclick=function(){ odiv.parentNode.removeChild(odiv); } } </script> </head> <body> <div id="content">脚本之家</div> <input type="button" id="bt" value="查看效果"/> </body> </html>
在原生的javascript中,暂时没有没有一个方法能够删除元素本身,如果要删除可以通过通过父节点的removeChild()方法删除指定的子元素,代码比较简单,这里不多介绍了,感兴趣的朋友可以参阅相关资料。
希望本文所述对大家基于javascript的web程序设计有所帮助。
相关文章推荐
- javascript删除一个html元素节点的方法
- javascript :删除节点:用removeChild()方法从给定元素里删除一个子节点
- 这是一个关于XML文档的操作管理器XMLHelper类,类中包括XML文档的创建,文档节点和属性的读取,添加,修改,删除的方法功能的实现
- 删除javascript所创建子节点的方法
- 关于HTML元素的Table控件javascript添加删除表中行列的方法!
- JavaScript DOM节点操作实例小结(新建,删除HTML元素)
- Javascript删除指定元素节点的方法
- 使用JavaScript操作DOM节点元素的常用方法(创建/删除/替换/复制等)
- JavaScript DOM概述(获取节点的方法/节点的访问关系/节点创建添加删除复制/属性获取设置删除)
- 关于HTML元素的Table控件javascript添加删除表中行列的方法!
- javascript 扩展一个删除数组元素的方法
- 删除javascript所创建子节点的方法
- 采用DOM模型时创建一个Select节点后,要删除option项的解决方法
- JavaScript 删除数组中一个元素--delete与赋值为undefined方法比较
- JavaScript删除子节点的方法
- [Happy DSA] 删除单链表中任意一个节点的方法
- javascript 删除某一个元素下面所有节点
- Javascript removeChild()删除节点及删除子节点的方法
- ASP.NET MVC WebApi 返回数据类型序列化控制(json,xml) 用javascript在客户端删除某一个cookie键值对 input点击链接另一个页面,各种操作。 C# 往线程里传参数的方法总结 TCP/IP 协议 用C#+Selenium+ChromeDriver 生成我的咕咚跑步路线地图 (转)值得学习百度开源70+项目
- 删除某一个节点k的方法(1320 P103)