JS DOM繼承結構樹 DOM基本操作之查詢節點

2021-10-09 03:32:48 字數 1485 閱讀 1683

dom(document object model,文件物件模型)

dom是一套方法的集合的統稱,提供了一系列方法,用來操作 html 和 xml(html和xml本質上都是乙個指令碼,xml是html最早的版本< xml -> xhtml -> html >,xml 和 html 唯一的不同,就是xml中的標籤可以自定義),也稱dom是對html以及xml的標準程式設計介面。

注: 任何東西都操作不了css(意思是操作樣式表,操作行內樣式,實際上還是操作的html間接的操作css)

區分documentdocument

document代表整個文件物件,document相當於乙個建構函式,由系統呼叫

document不是document物件的直接建構函式,document物件的直接建構函式是htmldocument,即document物件繼承自htmldocument的原型物件,而htmldocument的原型物件繼承自document的原型物件…最終繼承自object的原型物件

htmldocument.prototype定義了一些常用的屬性,body,head,分別指代html文件中的標籤

document可以直接使用body和head屬性來訪問標籤

document.prototype上定義了documentelement屬性,指代文件的根元素,在html文件中,它總是指代元素

1.1 檢視元素節點

document物件代表整個文件

1.2 遍歷節點樹

1.3 基於元素節點樹的遍歷(過濾了其他節點 只考慮元素節點)

DOM初探(9) DOM結構樹

document一回車,他就代表整個文件 document一回車,他代表的是乙個函式,什麼函式需要首字母大寫?建構函式吧,只不過這個document有點特殊,你不能new他,這時系統留給自己new的。那這個建構函式對咱們有什麼幫助呢?建構函式上面會有乙個原型,能夠給生產數來的建構函式使用,如果doc...

HTML結構與DOM樹

html結構與dom樹 html基本結構 hello world html 用來網頁的一種語言,指超文字標記語言 必須在文件的第一行,用來指示web瀏覽器當前使用的html版本,沒有結束標籤,對大小寫不敏感 定義文件對頭部,是所有頭部元素的容器,可以引用指令碼 指示瀏覽器在 找到樣式表 提供元資訊等...

檢視WPF 應用程式XAML結構DOM樹

當我們看到一些設計新穎的 時,可以借助瀏覽器自帶的inspector 工具或外掛程式方便的瀏覽 布局結構及邏輯。如果是wpf 應用程式能否看到控制項的架構方式呢?本篇將介紹兩款工具snoop 和wpf inspector 可用來窺探wpf 應用程式內部結構。一 snoop 接下來開啟wpf應用程式,...