1. 程式人生 > >document的屬性與方法小結

document的屬性與方法小結

片元 寫入 clas 等價 追加 import 接受 文檔 tle

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

document的屬性與方法小結