Javascript-節(jié)點的增刪改查

一、創(chuàng)建節(jié)點

  1. 創(chuàng)建元素節(jié)點

     document.createElement("元素標簽名");
    
  2. 創(chuàng)建屬性節(jié)點

       document.createAttribute("屬性名");//該方法一般不用        對象.屬性="屬性值";        
       對象.setAttribute(屬性名,屬性值);        
       對象.getAttribute(屬性名);
    
  3. 創(chuàng)建文本節(jié)點
    document.ceateTextNode("文本");
    對象.innnerHTML="";

example:

     var elea=document.createElement("a");  
     elea.href="www.baidu.com";                                                                                    
    elea.title="簡書首頁";       
     elea.innerHTML="歡迎來到簡書";

二、插入節(jié)點

     父對象.appendChild(要插入的對象)——插入到最后       
     父對象.insertBefore(要插入的對象a,之前的對象b)——在對象b之前插入對象a

example:

    document.body.appendChild("elea");

三、修改節(jié)點

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

四、刪除節(jié)點

      父對象.removeChild(要刪除的對象); //被刪除對象只是在html頁面中消失,但仍存在于內(nèi)存中。        
      elea=null——徹底刪除
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 本章內(nèi)容 理解包含不同層次節(jié)點的 DOM 使用不同的節(jié)點類型 克服瀏覽器兼容性問題及各種陷阱 DOM 是針對 HT...
    悶油瓶小張閱讀 668評論 0 1
  • 一、JS前言 (1)認識JS 也許你已經(jīng)了解HTML標記(也稱為結(jié)構(gòu)),知道了CSS樣式(也稱為表示),會使用HT...
    凜0_0閱讀 2,798評論 0 8
  • 1. 什么是DOM DOM 全稱是 Document Object Model,也就是文檔對象模型。 DOM 就是...
    小胖子littlefatboy閱讀 2,427評論 1 9
  • Element 類型 除了 Document 類型之外,Element 類型就要算是 Web 編程中最常用的類型了...
    劼哥stone閱讀 666評論 0 3
  • 一瞬間的寫法 寫不出工工整整 朝夕 的凝思 卻如腳下的一樣低賤
    留意ly閱讀 193評論 0 0