DOM基礎 節點

2021-06-21 14:32:27 字數 2283 閱讀 2179

一、定義

dom(documentobject model)即文件物件模型。針對html和xml文件的api。d(文件)可以理解為整個web載入的網頁文件;o(物件)可以理解為類似window物件之類的東西,例如document,可以呼叫屬性和方法。m(模型)可以理解為網頁文件的屬性結構。 

1. 節點:

載入html頁面時,web瀏覽器生成乙個樹形結構,用來表示頁面內部結構。dom將這種屬性結構理解為由節點組成。

2. 種類:元素節點、屬性節點、文字節點

二、查詢元素

w3c提供了比較方便簡單的定位節點的方法和屬性,一遍我們快速的對節點進行操作。

測試//js**

//這裡存放當網頁所有內容都載入完畢後,再執行的**

window.οnlοad=function()

2. getelementbytagname

//js**

window.οnlοad=function()

3.getelementbyname

//js**

window.οnlοad=function()

window.οnlοad=function()

4.getattribute

//js**

window.οnlοad=function()else

}

5.setattribute

//js**

window.οnlοad=function()

三、查詢屬性

例項;

測試div傾斜結尾

測試1測試2

測試3

//js**

window.οnlοad=function()

5.空白文字節點

//js**

//第一種方法:

window.οnlοad=function()

//忽略空白字元

function filterwhitenode(node){

var ret=;

for(var i = 0;i

jQuery基礎 DOM節點操作

如 p id name a href p 增加環繞節點 方法說明 wrap 用指定結構的元素包裹元素 wrapall 用指定結構的元素包裹多個元素 wrapinner 用指定結構元素包裹元素的內容 節點內部插入 方法說明 向每個匹配元素內部的最後面新增元素 將所有匹配的元素追加到指定的元素中 pre...

關於DOM節點

先來看一張簡單的文件樹 很明顯樹的頂層節點是nodea節點,接下來可以通過指定的合適節點移動到樹中的任何點,結合以下的 你可以更好的了解這棵樹節點間的相互關係 nodea.firstchild nodea1 nodea.lastchild nodea3 nodea.childnodes.length...

DOM 訪問節點

dom 是這樣規定的 整個文件是乙個文件節點每個 html 標籤是乙個元素節點包含在 html 元素中的文字是文字節點每乙個 html 屬性是乙個屬性節點注釋屬於注釋節點 通過是使用getelementbyid 和 getelementsbytagname 方法 通過使用乙個元素節點的 parent...