一、创建节点
-
创建元素节点
document.createElement("元素标签名"); -
创建属性节点
document.createAttribute("属性名");//该方法一般不用 对象.属性="属性值"; 对象.setAttribute(属性名,属性值); 对象.getAttribute(属性名); 创建文本节点
document.ceateTextNode("文本");
对象.innnerHTML="";
example:
var elea=document.createElement("a");
elea.href="www.baidu.com";
elea.title="简书首页";
elea.innerHTML="欢迎来到简书";
二、插入节点
父对象.appendChild(要插入的对象)——插入到最后
父对象.insertBefore(要插入的对象a,之前的对象b)——在对象b之前插入对象a
example:
document.body.appendChild("elea");
三、修改节点
父对象.replaceChild(修改的对象,被修改的对象);
四、删除节点
父对象.removeChild(要删除的对象); //被删除对象只是在html页面中消失，但仍存在于内存中。
elea=null——彻底删除