日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

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

新聞中心

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

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

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

推薦閱讀：JavaScript DOM的本質及操作方法

1. getElementById(id)     

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

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

  • 注意點：如果元素的ID不是***，則會取得***個該ID名稱的元素。

    2. getElementsByName(name)   

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

    3. getElementsByTagName(tagname)

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

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

    4. appendChild(node)

    向當前的元素（應該叫對象比較恰當）追加節(jié)點。

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

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

    5. removeChild(childreference)

    刪除當前節(jié)點的子節(jié)點，返回被刪除的節(jié)點。這個被刪除的節(jié)點可以被插入到別的地方。

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

  • 6. cloneNode(deepBoolean)

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

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

    7. replaceChild(newChild, oldChild)

    把當前節(jié)點的一個子節(jié)點換成另一個節(jié)點。

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

  • 網(wǎng)站名稱：JavaScriptDOM基礎操作實例
    本文鏈接：http://www.5511xx.com/article/dpispps.html