View on GitHub

javaScriptDOM增删查改系列之删除篇

  突然发现,与javaScriptDom的查找方法对比一下,对DOM的删除的方法还真是少的可怜啊!我找来找去好像就只有针对DOM接点的element.removeChild(elementNode)方法和element.replaceChild(newNode,oldNode)。而针对document对象没有用于删除dom节点的方法。

  自己的理解:为什么document对象没有删除dom节点的方法呢?因为document对象包含了一个HTML文档的主要结构,也就是所有的HTML文档都拥有的结构,从文档最开始的<!doctype html>到<html></html>、<head></head>再到<body></body>。如果对document对象创建删除节点的方法很可能会对该文档造成破坏性的影响。例如注释掉一个HTML文档的head节点用于模拟删除掉head节点,在浏览器中预览会发现诸如乱码问题的一系列问题。

  接下来说element.removeChild(elementNode)方法。应该很容易理解,element是一个DOM节点,参数是他的一个子节点。具体的例子:

      var element = document.body;

  element.removeChild(element.childNodes[0]);

  接下来说element.replaceChild(newNode,oldNode)。一直对这种方法感到很头疼,TMD记不住参数的顺序啊!!!。就当新的节点很重要,要放在前面好了。。然后是具体的例子:

  var newNode = document.createElement("div");//该方法存在于该系列的增加篇中

  var body = document.body;

  body.replaceChild(newNode,body.childNodes[0]);

然后这一篇就结束了,好短好尴尬。。

 

posted @ 2016-07-02 18:22  pebbler  阅读(168)  评论(0编辑  收藏  举报