一、創建節點
-
創建元素節點
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——徹底刪除