国产探花免费观看_亚洲丰满少妇自慰呻吟_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教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 绥阳县| 滦南县| 肥西县| 榆社县| 老河口市| 青龙| 夏河县| 普兰县| 长泰县| 哈尔滨市| 广宗县| 镇雄县| 恩施市| 广宗县| 海城市| 盐城市| 积石山| 满城县| 扎兰屯市| 武义县| 青海省| 池州市| 漾濞| 苏尼特右旗| 泰和县| 屯门区| 翁牛特旗| 黎川县| 璧山县| 唐山市| 辽源市| 郴州市| 区。| 南汇区| 阿克苏市| 德阳市| 襄城县| 黄大仙区| 砚山县| 丹凤县| 甘泉县|