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