HTML DOM Document 對象

知識 07-13

HTML DOM 節點

在 HTML DOM (Document Object Model) 中 , 每一個元素都是節點:

文檔是一個文檔。
所有的HTML元素都是元素節點。
所有 HTML 屬性都是屬性節點。
文本插入到 HTML 元素是文本節點。are text nodes。
注釋是注釋節點。

HTML DOM Document 對象

Document 對象

當瀏覽器載入 HTML 文檔, 它就會成為 document 對象。

document 對象是HTML文檔的根節點與所有其他節點（元素節點，文本節點，屬性節點, 注釋節點）。

Document 對象使我們可以從腳本中對 HTML 頁面中的所有元素進行訪問。

提示：Document 對象是 Window 對象的一部分，可通過 window.document 屬性對其進行訪問。

瀏覽器支持

HTML DOM Document 對象

所有主要瀏覽器都支持 Document 對象。

Document 對象屬性和方法

HTML文檔中可以使用以上屬性和方法:

屬性 / 方法	描述
document.activeElement	返回當前獲取焦點元素
document.addEventListener()	向文檔添加句柄
document.adoptNode(node)	從另外一個文檔返回 adapded 節點到當前文檔。
document.anchors	返回對文檔中所有 Anchor 對象的引用。
document.applets	返回對文檔中所有 Applet 對象的引用。
document.baseURI	返迴文檔的絕對基礎 URI
document.body	返迴文檔的body元素
document.close()	關閉用 document.open() 方法打開的輸出流，並顯示選定的數據。
document.cookie	設置或返回與當前文檔有關的所有 cookie。
document.createAttribute()	創建一個屬性節點
document.createComment()	createComment() 方法可創建注釋節點。
document.createDocumentFragment()	創建空的 DocumentFragment 對象，並返回此對象。
document.createElement()	創建元素節點。
document.createTextNode()	創建文本節點。
document.doctype	返回與文檔相關的文檔類型聲明 (DTD)。
document.documentElement	返迴文檔的根節點
document.documentMode	返回用於通過瀏覽器渲染文檔的模式
document.documentURI	設置或返迴文檔的位置
document.domain	返回當前文檔的域名。
document.domConfig	返回normalizeDocument()被調用時所使用的配置
document.embeds	返迴文檔中所有嵌入的內容（embed）集合
document.forms	返回對文檔中所有 Form 對象引用。
document. getElementsByClassName()	返迴文檔中所有指定類名的元素集合，作為 NodeList 對象。
document.getElementById()	返回對擁有指定 id 的第一個對象的引用。
document.getElementsByName()	返回帶有指定名稱的對象集合。
document.getElementsByTagName()	返回帶有指定標籤名的對象集合。
document.images	返回對文檔中所有 Image 對象引用。
document.implementation	返回處理該文檔的 DOMImplementation 對象。
document.importNode()	把一個節點從另一個文檔複製到該文檔以便應用。
document.inputEncoding	返回用於文檔的編碼方式（在解析時）。
document.lastModified	返迴文檔被最後修改的日期和時間。
document.links	返回對文檔中所有 Area 和 Link 對象引用。
document.normalize()	刪除空文本節點，並連接相鄰節點
document.normalizeDocument()	刪除空文本節點，並連接相鄰節點的
document.open()	打開一個流，以收集來自任何 document.write() 或 document.writeln() 方法的輸出。
document.querySelector()	返迴文檔中匹配指定的CSS選擇器的第一元素
document.querySelectorAll()	document.querySelectorAll() 是 HTML5中引入的新方法，返迴文檔中匹配的CSS選擇器的所有元素節點列表
document.readyState	返迴文檔狀態 (載入中……)
document.referrer	返回載入當前文檔的文檔的 URL。
document.removeEventListener()	移除文檔中的事件句柄(由 addEventListener() 方法添加)
document.renameNode()	重命名元素或者屬性節點。
document.scripts	返回頁面中所有腳本的集合。
document.strictErrorChecking	設置或返回是否強制進行錯誤檢查。
document.title	返回當前文檔的標題。
document.URL	返迴文檔完整的URL
document.write()	向文檔寫 HTML 表達式或 JavaScript 代碼。
document.writeln()	等同於 write() 方法，不同的是在每個表達式之後寫一個換行符。

警告 !!!

HTML DOM Document 對象

在 W3C DOM核心，文檔對象繼承節點對象的所有屬性和方法。

很多屬性和方法在文檔中是沒有意義的。

HTML 文檔對象可以避免使用這些節點對象和屬性：

屬性 / 方法	避免的原因
document.attributes	文檔沒有該屬性
document.hasAttributes()	文檔沒有該屬性
document.nextSibling	文檔沒有下一節點
document.nodeName	這個通常是 #document
document.nodeType	這個通常是 9(DOCUMENT_NODE)
document.nodeValue	文檔沒有一個節點值
document.ownerDocument	文檔沒有主文檔
document.ownerElement	文檔沒有自己的節點
document.parentNode	文檔沒有父節點
document.previousSibling	文檔沒有兄弟節點
document.textContent	文檔沒有文本節點

HTML DOM Document 對象

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！

本站內容充實豐富，博大精深，小編精選每日熱門資訊，隨時更新，點擊「搶先收到最新資訊」瀏覽吧！

請您繼續閱讀更多來自 程序員小新人學習 的精彩文章:

※Window 對象
※Navigator 對象
※Screen 對象

TAG:程序員小新人學習 |

您可能感興趣

※ASP.NET Web Forms 編程HTML 表單
※使用 MDwiki 將 Markdown 發布成 HTML
※ASP.NET Web Forms編程HTML 頁面
※Web Pages HTML 表單
※Selenium及Headless Chrome抓取動態HTML頁面
※XQuery編程 FLWOR + HTML
※ASP.NET Web Pages-HTML 表單
※Google HTML/CSS 規範
※HTML 統一資源定位器(Uniform Resource Locators)
※HTML中meta的作用
※guacamole，一個基於HTML5的VNC遠程桌面
※Web Forms HTML 伺服器控制項
※駕馭 HTML 5 的浪潮：ALAX 與白鷺時代（Egret Technology）和其他 H5 遊戲供應商簽署意向書
※HTML測試網站發現Galaxy Note 10 Pro身影
※使用Firebug查看和編輯HTML和CSS
※Xperia XZ2 Pro出現在HTML基準測試中運行安卓8.1 Oreo
※15行CSS&HTML代碼就能讓iPhone重啟和Mac假死
※HTML5中的href與src的區別
※HTML＋CSS vs HTML
※正式版Microsoft HTML5遠程桌面Web客戶端即將推出