日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
JavaScriptDOM基礎(chǔ)操作實(shí)例

文檔對象模型(Document Object Model)，通常簡稱為DOM，是網(wǎng)站內(nèi)容與JavaScript互通的接口。自JavaScript成為最常用的語言時(shí)JavaScript和DOM通常被視為獨(dú)立的實(shí)體。DOM接口用于存取、遍歷和控制HTML和XML文檔。下面我們將簡單的介紹一些JavaScript DOM的基本操作實(shí)例，包括建立、增加、刪除、克隆、訪問節(jié)點(diǎn)等等。

創(chuàng)新互聯(lián)主要從事網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)老邊,十年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):18982081108

推薦閱讀：JavaScript DOM的本質(zhì)及操作方法

1. getElementById(id)     

這是通過id來訪問某一元素，最常用的之一，例：

 
 
 
    
  
  
  
  1. 
  
  
  
  2.          
    3. 
  
  
  
  3.          
    4. 
  
  
  
  4.          test 
    5. 
  
  
  
  5.          
  •          
  •          

  • 注意點(diǎn)：如果元素的ID不是***，則會(huì)取得***個(gè)該ID名稱的元素。

    2. getElementsByName(name)   

    這是通過name來取得某一堆元素（作為數(shù)組），看 Element后面有個(gè)小s就知道了，ID是HTML文檔中要求***的，name可以不是***，如checkbox、radio等地方會(huì)用到多個(gè) input用同一個(gè)name來識(shí)別是否為同黨。對了，getElementsByName(name)僅用于取得input、radio、 checkbox等元素，如。

    3. getElementsByTagName(tagname)

    看這方法就知道這也是取得某一堆元素（作為數(shù)組），是通過TagName也就是標(biāo)簽名來取得。你可以遍歷這個(gè)數(shù)組獲得每一個(gè)單獨(dú)的元素。當(dāng)一個(gè)DOM結(jié)構(gòu)很大時(shí)，可以通過它來有效地縮小搜查范圍。

     
 
 
      
  
  
  
    1.           
      2. 
  
  
  
    2.          
      3. 
  
  
  
    3.          
      4. 
  
  
  
    4.          
      5. 
  
  
  
    5.          
      6. 
  
  
  
    6.          
      hi
      7. 
  
  
  
    7.          
      hello
      8. 
  
  
  
    8.          
      9. 
  
  
  
    9.          
      10. 
  
  
  
    10.

    4. appendChild(node)

    向當(dāng)前的元素（應(yīng)該叫對象比較恰當(dāng)）追加節(jié)點(diǎn)。

     
 
 
      
  
  
  
    1. 
  
  
  
    2.          
      3. 
  
  
  
    3.          
      4. 
  
  
  
    4.          
      5. 
  
  
  
    5.          
  •          
  •          

  • 剛才我在***個(gè)例子中為了顯示出內(nèi)容，用了innerHTML，剛才看到文章才得知innerHTMl不屬于DOM。

    5. removeChild(childreference)

    刪除當(dāng)前節(jié)點(diǎn)的子節(jié)點(diǎn)，返回被刪除的節(jié)點(diǎn)。這個(gè)被刪除的節(jié)點(diǎn)可以被插入到別的地方。

     
 
 
      
  
  
  
    1. 
  
  
  
    2.          
      3. 
  
  
  
    3.          A child
  •          
  •          

  • 6. cloneNode(deepBoolean)

    復(fù)制并返回當(dāng)前節(jié)點(diǎn)的復(fù)制節(jié)點(diǎn)，復(fù)制節(jié)點(diǎn)是一個(gè)孤立節(jié)點(diǎn)，它復(fù)制了原節(jié)點(diǎn)的屬性，在把這個(gè)新節(jié)點(diǎn)加入到document前，根據(jù)需要修改ID屬性確保其ID的***。這個(gè)方法支持一個(gè)布爾參數(shù)，當(dāng)deepBoolean設(shè)置true時(shí)，復(fù)制當(dāng)前節(jié)點(diǎn)的所有子節(jié)點(diǎn)，包括該節(jié)點(diǎn)內(nèi)的文本。

     
 
 
      
  
  
  
    1. 
  
  
  
    2.          
      3. 
  
  
  
    3.          test
      4. 
  
  
  
    4.          
      5. 
  
  
  
    5.          
      6. 
  
  
  
    6.

    7. replaceChild(newChild, oldChild)

    把當(dāng)前節(jié)點(diǎn)的一個(gè)子節(jié)點(diǎn)換成另一個(gè)節(jié)點(diǎn)。

     
 
 
      
  
  
  
    1. 
  
  
  
    2.          
      3. 
  
  
  
    3.          
      4. 
  
  
  
    4.          span
      5. 
  
  
  
    5.          
  •          
  •          

  • 網(wǎng)站題目：JavaScriptDOM基礎(chǔ)操作實(shí)例
    網(wǎng)站鏈接：http://www.dlmjj.cn/article/dpispps.html