document節(jié)點(diǎn)對(duì)象是文檔的根節(jié)點(diǎn)踢涌,
每張網(wǎng)頁(yè)都有自己的document對(duì)象。window.document屬性就指向這
個(gè)對(duì)象。只要瀏覽器開(kāi)始載入 HTML 文檔偿凭,該對(duì)象就存在了,可以直接使用派歌。
document節(jié)點(diǎn)的屬性
document.doctype獲取doctype節(jié)點(diǎn)(獲取文檔類型節(jié)點(diǎn))
(如果該網(wǎng)站沒(méi)有聲明文檔類型.則返回null)
console.log(document.doctype) //<!doctype html>
console.log(document.doctype.name) //html(聲明的方式)
document.documentElement返回當(dāng)前文檔的根節(jié)點(diǎn)弯囊。一般是html(獲取的是元素)
console.log(document.documentElement) //獲取html元素
console.log(document.body) //獲取body元素
console.log(document.head) //獲取head元素
document.links
返回當(dāng)前文檔所有設(shè)定了href屬性的<a>。
打印文檔所有的鏈接
document.forms 返回當(dāng)前文檔所有的form表單節(jié)點(diǎn)
console.log(document.forms[0] === document.forms.foo) // true
console.log(document.forms.bar=== document.forms.foo) //true
//3種方法
document.images
返回頁(yè)面所有的img圖片節(jié)點(diǎn)(偽數(shù)組nodelist數(shù)據(jù))
document.title
返回當(dāng)前文檔的標(biāo)題硝皂,可讀可寫(xiě)常挚。
document.charset
返回當(dāng)前文檔的編碼方式
document的方法
獲取元素的方法
var div = document.getElementById("")
var div = document.getElementsByClassName("")
var div = document.getElementsByTagName("")
var div = document.querySelector(".div")
獲取一個(gè),如果有很多,就獲取第一個(gè)
var aDiv = document.querySelectorAll(".div>p")
獲取所有滿足括號(hào)里選擇器的數(shù)據(jù),跟class差不多,不加下標(biāo)得遍歷
創(chuàng)建元素的方法
創(chuàng)建元素節(jié)點(diǎn)
document.createElement()
創(chuàng)建文本節(jié)點(diǎn)
document.createTextNode()
創(chuàng)建注釋節(jié)點(diǎn)
document.createComment()
document.createComment方法的參數(shù)是一個(gè)字符串,會(huì)成為注釋節(jié)點(diǎn)的內(nèi)容稽物。
創(chuàng)建屬性節(jié)點(diǎn)
document.createAttribute("")