JavaScript DOM操作（二）

javascript-节点的增、删、改、查

一、创建节点

    1>创建元素节点

      document.createElement("元素标签名");

    2>创建属性节点

      document.createAttribute("属性名");

      对象.属性="属性值"

      对象.setAttribute(属性名,属性值)

      对象.getAttribute(属性名,属性值)

    3>创建文本节点

      对象.innerHTML="";

      document.createTextNode("文本");

二、追加到页面当中

    （在父元素里面添加节点）

    父对象.appendChild(追加的节点)  插入到最后

    -------------

    var div=document.getElementsByTagName('div')[0];

  var divs=document.createElement('div');

  var divText=document.createTextNode('zidiv.....');

  divs.appendChild(divText);

  div.appendChild(divs);

  ----------------

    父对象.insertBefore(要插入的对象,之前的对象)  插入到最后

三、修改(替换)节点

  父对象.replaceChild(要修改的对象,被修改的);

四、删除节点

  父对象.removeChild(删除的对象)

如果确定要删除节点，最好也清空内存  对象=null;

五、复制节点

    节点.cloneNode(true)//true：复制所有子节点包括文本；反之不复制子节点和文本;