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:复制所有子节点包括文本;反之不复制子节点和文本;