瞭解DOM:HTMLDocument接口

dom

操作HTML文檔的第一步就是獲取對文檔元素的引用,每一個元素在DOM中就是一個節點,所有的元素在DOM中構成一個節點樹。

用於獲取元素節點定義的方法定義於HTMLDocument接口,window.document方法用於實現該接口,其定義的常用方法和屬性如下:

 

屬性或方法 返回值類型 說明
[getter] 任何類型 根據元素的name屬性獲取所有元素節點
all HTMLAllCollection 文檔中所有元素組成的集合,已不推薦使用
body HTMLElement 獲取<body>元素節點
head HTMLHeadElement 獲取<head>元素節點
images HTMLCollection 獲取所有<img>元素節點
embeds HTMLCollection 獲取所有<embed>元素節點
plugins HTMLCollection 等同於embeds屬性
links HTMLCollection 獲取所有帶href屬性的<a>和<area>元素節點
forms HTMLCollection 獲取所有<form>元素節點
scripts HTMLCollection 獲取所有<script>元素節點
getElementsByName() NodeList 根據元素的name屬性獲取所有元素節點
getElementsByClassName() NodeList 根據元素的class屬性獲取所有元素節點

另外,HTMLDocument接口也繼承了Core DOM的Document接口,繼承的屬性和方法如下:

屬性或方法 返回值類型 說明
documentElement Element 獲取xml或者html的根元素,在html中即<html>
getElementById() Element 根據ID屬性值獲取指定元素
getElementsByTagName() NodeList 根據元素名稱獲取所有元素節點
getElementsByTagNameNS() NodeList

根據指定的命名空間的元素名獲取所有元素節點

發佈了19 篇原創文章 · 獲贊 2 · 訪問量 3萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章