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

首頁 > 語言 > JavaScript > 正文

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

2024-05-06 15:19:52
字體:
來源:轉載
供稿:網友

支持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+。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 顺昌县| 长宁区| 阿瓦提县| 延寿县| 安图县| 湘潭市| 赞皇县| 孙吴县| 旌德县| 郑州市| 岑巩县| 荥阳市| 七台河市| 高雄市| 马尔康县| 登封市| 呼伦贝尔市| 游戏| 祁连县| 常德市| 光泽县| 宜兰市| 佳木斯市| 施甸县| 乌鲁木齐市| 新宁县| 宜兰县| 万州区| 炉霍县| 梧州市| 偃师市| 同江市| 秦安县| 昌乐县| 桐庐县| 巴彦县| 龙南县| 濮阳县| 通山县| 塔河县| 甘德县|