真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

怎么在JavaScript中遍歷DOM元素

怎么在JavaScript中遍歷DOM元素？很多新手對此不是很清楚，為了幫助大家解決這個(gè)難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來學(xué)習(xí)下，希望你能有所收獲。

創(chuàng)新互聯(lián)建站-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比烈山網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式烈山網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋烈山地區(qū)。費(fèi)用合理售后完善，十余年實(shí)體公司更值得信賴。

DOM中為元素新增了下面幾個(gè)屬性：

childElementCount：返回子元素（不包括文本節(jié)點(diǎn)和注釋）的數(shù)量；
firstElementChild：firstChild的元素版；
lastElementChild：lastChild的元素版;
previousElementSibling和nextElementSibling對應(yīng)著previousSibling，nextSibling的元素版

假設(shè)html如下，我們想遍歷出div中的所有元素節(jié)點(diǎn):

一般來說，區(qū)別元素節(jié)點(diǎn)，屬性節(jié)點(diǎn)，文本節(jié)點(diǎn)的通用方式是判斷該節(jié)點(diǎn)的nodeType。

常見的幾種nodeType:

元素節(jié)點(diǎn)：1，

屬性節(jié)點(diǎn)：2，

文本節(jié)點(diǎn)：3，

注釋節(jié)點(diǎn)：8，
……


  hello
  world
  cookieParse()

方式1：用firstChild，lastChild進(jìn)行元素遍歷:

var list = document.getElementById('list');
var child = list.firstChild;
console.log(list.nextSibling)
while(child != list.lastChild){
  if(child.nodeType == 1){
    console.log( child );
  }
  child = child.nextSibling;
}

使用在線HTML/CSS/JavaScript代碼運(yùn)行工具：http://tools.jb51.net/code/HtmlJsRun測試上述代碼，可得如下運(yùn)行結(jié)果：

怎么在JavaScript中遍歷DOM元素

方式2：使用firstElementChild，nextElementSibling

var list = document.getElementById('list');
var child = list.firstElementChild;
while(child){
  console.log( child );
  child = child.nextElementSibling;
}

看完上述內(nèi)容是否對您有幫助呢？如果還想對相關(guān)知識有進(jìn)一步的了解或閱讀更多相關(guān)文章，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝您對創(chuàng)新互聯(lián)的支持。

網(wǎng)站欄目：怎么在JavaScript中遍歷DOM元素
網(wǎng)頁路徑：http://weahome.cn/article/iphcsg.html