国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > JS > 正文

js Element Traversal規范中的元素遍歷方法

2024-05-06 16:43:48
字體:
來源:轉載
供稿:網友

支持Element Traversal 規范的瀏覽器有IE 9+、Firefox 3.5+、Safari 4+、Chrome 和Opera 10+。

對于元素間的空格,在IE9之前,都不會返回文檔節點,其它的所有瀏覽器都會返回文檔節點。

為了兼容瀏覽器這間的差異,又不更改已有的DOM 標準,所以有了 Element Traversal 規范。

這個規范為 元素增加了 5 個 屬性

childElementCount
firstElementChild
lastElementChild
previousElementSibling
nextElementSibling

詳細官方文檔; http://www.w3.org/TR/ElementTraversal/

對于元素間的空格,IE9以前的版本不會返回文本節點,而其他瀏覽器都會將空格當做是文本節點返回。這就導致了在使用childNodes和firstChild的屬性時行為的不一致。為了彌補這一差異,而同時又保持DOM規范的不變,W3C Element Traversal規范新定義了一組屬性。

Element Traversal API為DOM元素添加了下面5個屬性:

  • childElementCount:返回子元素(不包括文本節點和注釋)的個數。
  • firstElementChild:指向第一個子元素。
  • lastElementChild:指向最后一個子元素。
  • previousElementSibling:指向前一個同輩元素。
  • nextElementSibling:指向后一個同輩元素。

支持的瀏覽器為DOM元素添加了這些屬性,利用這些元素不必擔心空白文本節點,從而可以非常方便的查找DOM元素了。

下面是一個示例。在以前,要跨瀏覽器遍歷某個元素的所有子元素時,需要像下面這樣編寫代碼:

var i,len,child = element.firstChild;while(child != element.lastChild){ if(child.nodeType == 1){  processChild(child); } child = child.nextSibling;}

而使用Element Traversal新增的屬性,代碼就會變得非常簡潔:

var i,len,child = element.firstElementChild;while(child != element.lastElementChild){ processChild(child); child = child.nextElementSibling;}

支持Element Traversal規范的瀏覽器有:IE9+,Firfox3.5+,Safari4+,Chrome和Opera10+


注:相關教程知識閱讀請移步到JavaScript/Ajax教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 绥阳县| 庄河市| 潮州市| 黄浦区| 宁远县| 浦县| 昌吉市| 思茅市| 竹溪县| 白水县| 临安市| 阳西县| 吉木乃县| 长丰县| 茌平县| 栾川县| 建瓯市| 修武县| 青浦区| 屯门区| 西昌市| 蓬溪县| 浦城县| 门源| 新和县| 永州市| 景宁| 商南县| 南安市| 陇西县| 牙克石市| 永州市| 夏河县| 外汇| 安徽省| 衡水市| 北宁市| 望谟县| 定襄县| 井研县| 察隅县|