document 使用方法介绍
生活随笔
收集整理的這篇文章主要介紹了
document 使用方法介绍
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
document節(jié)點是文檔的根節(jié)點，每張網(wǎng)頁都有自己的document節(jié)點。
屬性：
1：document.doctype----它是一個對象，包含了當前文檔類型 （Document Type Declaration，簡寫DTD）信息。
2：document.documentElement----返回當前文檔的根節(jié)點，對于HTML網(wǎng)頁，該屬性返回<html>節(jié)點。
3：document.defaultView---在瀏覽器中返回window對象
4：document.head-----返回當前文檔的<head>節(jié)點
5：document.body-----屬性返回當前文檔的<body>
6：document.activeElement----返回當前文檔中獲得焦點的那個元素
7：document.documentURI---返回一個字符串，表示當前文檔的網(wǎng)址。所有文檔都具備的
8：document.URL---返回一個字符串，表示當前文檔的網(wǎng)址。HTML文檔獨有的。
9：document.domain----返回當前文檔的域名。
10：document.lastModified----返回當前文檔最后修改的時間戳，格式為字符串。
11：document.title----返回當前文檔的標題，該屬性是可寫的。
12：document.characterSet---返回渲染當前文檔的字符集，
13：document.referrer-----返回一個字符串，表示當前文檔的訪問來源，
14：document.cookie----操作瀏覽器Cookie
15：document.readyState----返回當前文檔的狀態(tài)，共有三種可能的值。
loading：加載HTML代碼階段（尚未完成解析）
interactive：加載外部資源階段時
complete：加載完成時
16：document.designMode----控制當前文檔是否可編輯
17：document.compatMode----返回瀏覽器處理文檔的模式，
可能的值為BackCompat（向后兼容模式）和CSS1Compat（嚴格模式）。
18：document.implementation---返回一個對象，用來甄別當前環(huán)境部署了哪些DOM相關(guān)接口。
19：document.location----返回location對象，提供了當前文檔的URL信息。
document.location屬性與window.location屬性等價。
20：document.scripts----返回當前文檔的所有腳本
21：document.styleSheets---返回一個類似數(shù)組的對象，代表當前網(wǎng)頁的所有樣式表。
22：document.links---返回當前文檔所有設(shè)定了href屬性的a及area元素。
23：document.forms---返回頁面中所有表單元素form。
24：document.images---返回頁面所有圖片元素
25：document.embeds---返回網(wǎng)頁中所有嵌入對象
方法：
1：document.write()---用于向當前文檔寫入內(nèi)容。只要當前文檔還沒有用close方法關(guān)閉，它所寫入的內(nèi)容就會追加在已有內(nèi)容的后面。
2：document.writeln()----與write方法完全一致，除了會在輸出內(nèi)容的尾部添加換行符。
注意，document.write會當作HTML代碼解析，不會轉(zhuǎn)義。
除了某些特殊情況，應(yīng)該盡量避免使用document.write這個方法。
3：document.getElementsByTagName()----返回值是一個類似數(shù)組的HTMLCollection對象。返回所有指定HTML標簽的元素，元素的變化實時反映在返回結(jié)果中。
4：document.getElementsByClassName()----返回值是一個類似數(shù)組的HTMLCollection對象。返回包括了所有class名字符合指定條件的元素，元素的變化實時反映在返回結(jié)果中。
5：document.getElementsByName()---返回一個類似數(shù)組的的對象（NodeList對象的實例） 用于選擇擁有name屬性的HTML元素
6：getElementById()--------返回匹配指定id屬性的元素節(jié)點。
這個方法只能在document對象上使用，不能在其他元素節(jié)點上使用。
7：document.querySelector()---接受一個CSS選擇器作為參數(shù)，返回匹配該選擇器的元素節(jié)點。如果有多個節(jié)點滿足匹配條件，則返回第一個匹配的節(jié)點。如果沒有發(fā)現(xiàn)匹配的節(jié)點，則返回null。
8：document.querySelectorAll()---返回一個NodeList對象，包含所有匹配給定選擇器的節(jié)點。 不會實時反映元素節(jié)點的變化。但是，7和8都無法選中偽元素和偽類。
9：document.createElement()---生成HTML元素節(jié)點
10：document.createTextNode()---用來生成文本節(jié)點，參數(shù)為所要生成的文本節(jié)點的內(nèi)容。 createTextNode方法對大于號和小于號進行轉(zhuǎn)義，不對單引號和雙引號轉(zhuǎn)義
11：document.createAttribute()---生成一個新的屬性對象節(jié)點，并返回它。參數(shù)是屬性的名稱。
12：document.createDocumentFragment()---生成一個DocumentFragment對象。 DocumentFragment對象是一個存在于內(nèi)存的DOM片段，但是不屬于當前文檔，常常用來生成較復(fù)雜的DOM結(jié)構(gòu)，然后插入當前文檔。因為DocumentFragment不屬于當前文檔，對它的任何改動，都不會引發(fā)網(wǎng)頁的重新渲染，比直接修改當前文檔的DOM有更好的性能表現(xiàn)。
13：document.createEvent()---生成一個事件對象，參數(shù)是事件類型
14：document.addEventListener()----添加事件監(jiān)聽函數(shù)
15：document.removeEventListener()----移除事件監(jiān)聽函數(shù)
16：document.dispatchEvent()----觸發(fā)事件
17：document.hasFocus()---返回一個布爾值，表示當前文檔之中是否有元素被激活或獲得焦點。
18：document.createNodeIterator()-----返回一個DOM的子節(jié)點遍歷器。遍歷子節(jié)點。第一個參數(shù)為遍歷器的根節(jié)點，第二個參數(shù)為所要遍歷的節(jié)點類型--文本節(jié)點（NodeFilter.SHOW_TEXT），
元素節(jié)點-NodeFilter.SHOW_ELEMENT， 所有節(jié)點-NodeFilter.SHOW_ALL
nextNode方法先返回遍歷器的內(nèi)部指針所在的節(jié)點，然后會將指針移向下一個節(jié)點。所有成員遍歷完成后，返回null。previousNode方法則是先將指針移向上一個節(jié)點，然后返回該節(jié)點。
19：document.createTreeWalker()----返回一個DOM的子樹遍歷器。它遍歷整個子樹。第一個參數(shù)，是所要遍歷的根節(jié)點，第二個參數(shù)指定所要遍歷的節(jié)點類型。
20：document.adoptNode()-----將某個節(jié)點，從其原來所在的文檔移除，插入當前文檔，并返回插入后的新節(jié)點。
21：document.importNode()----從外部文檔拷貝指定節(jié)點，插入當前文檔。
它的第一個參數(shù)是外部節(jié)點，第二個參數(shù)是一個布爾值，
表示對外部節(jié)點是深拷貝還是淺拷貝，默認是淺拷貝（false）
22：document.getSelection()-----這個方法指向window.getSelection()
23：document.open()---用于新建一個文檔，供write方法寫入內(nèi)容。
24：document.close()---用于關(guān)閉open方法所新建的文檔。一旦關(guān)閉，write方法就無法寫入內(nèi)容了。
總結(jié)
以上是生活随笔為你收集整理的document 使用方法介绍的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： The perfect floor ch
- 下一篇： 中国的ruby on rails 视频