document節(jié)點

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("")

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 概述 document節(jié)點是文檔的根節(jié)點,每張網(wǎng)頁都有自己的document節(jié)點。window.document屬...
    許先生__閱讀 725評論 0 2
  • 一、概述 document節(jié)點是整個文檔樹的頂層節(jié)點,每張網(wǎng)頁都有自己的document節(jié)點。window.doc...
    周花花啊閱讀 1,420評論 0 1
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HT...
    kismetajun閱讀 28,809評論 1 45
  • 概要 64學(xué)時 3.5學(xué)分 章節(jié)安排 電子商務(wù)網(wǎng)站概況 HTML5+CSS3 JavaScript Node 電子...
    阿啊阿吖丁閱讀 9,849評論 0 3
  • 一、JS前言 (1)認(rèn)識JS 也許你已經(jīng)了解HTML標(biāo)記(也稱為結(jié)構(gòu)),知道了CSS樣式(也稱為表示),會使用HT...
    凜0_0閱讀 2,922評論 0 8

友情鏈接更多精彩內(nèi)容