HTML页面上删除结点的 *** 作跟添加结点中将段落添加在指定依附点之前相似，将段落添加在指定依附点之前代码为document.body.insertBefore(newGraf,docForm),删除的为document.body.removeChild(deleteNode)就能够了。使用的是removeChild方法，删除的是body域里面的元素。
看个代码介绍1下吧。
假设有下面1段代码，内容有4段。
<HTML> <head> <Title>Deleting Nodes</Title> </head> <body> <p>给你1张过去的CD，听听那时我们的爱情，有时会突然忘了，我还在爱着你</p> <p>再唱不出那样的歌曲，听到都会红着脸躲避，虽然会常常忘了，我仍然爱着你</p> <p>由于爱情，不会轻易悲伤，所以1切都是幸福的样子</p> <p>由于爱情，简单的生长，仍然随时都能为你疯狂</p> <input type="button" onclick="deleteNodes()" value="delete Nodes"/> <script> function deleteNodes() { } </script> </body></HTML>现在要删除段落内容，该如何实现deleteNodes方法呢？
很简单，两行代码弄定。
var deleteNode =document.getElementsByTagname("p")[0]; document.body.removeChild(deleteNode);var deleteNode =document.getElementsByTagname("p")[0];
获得到要删除的段落内容，document.getElementsByTagname("p")[0]为body标签域内的第1个p 标签内容。
document.body.removeChild(deleteNode);
将获得到的要删除的节点信息从页面上面删除，使用removeChild方法。
如果段落有ID的话，那就能够直接使用getElementByID 方法来指定的获得要删除的对象，不用再使用 getElementsByTagname 方法获得到对象集合，再通过数组下标来指定删除对象了。
我们的示例中删除的是document.getElementsByTagname("p")[0]，也能够删除其他段落，比如document.getElementsByTagname("p")[3] 等真实存在的段落信息。
总结
以上是内存溢出为你收集整理的javascript删除html结点 *** 作全部内容，希望文章能够帮你解决javascript删除html结点 *** 作所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）