DOM學習總結(六)DOM導航

2022-05-29 15:18:08 字數 1202 閱讀 4842

什麼是 html dom 導航?

dom是乙個以節點關係組成的結構,所以我們可以使用節點之間的關聯找到整個html頁面中的元素

1.html dom 節點列表:

getelementsbytagname("") 方法 //返回所查詢元素的所有節點列表

節點列表是乙個節點陣列

可以通過下標訪問這些節點(注意下標是從0開始)

2.html dom 節點列表長度:

length 屬性定義節點列表中節點的數量

可以使用 length 屬性來迴圈節點列表

hello world!

the dom is very useful!

this example demonstrates thelengthproperty.

3.導航節點

使用三個節點屬性,可以在文件結構中進行導航,從而找到任何我們想找到的元素

1.firstchild //當前獲取到的元素的首個子元素

2.lastchild //當前獲取的元素的最後乙個子元素

3.parentnode //當前元素的父元素

比如:以body為例

//元素是首個 元素和 元素的父節點(parentnode)

蒙娜麗莎的微笑

//首個 元素是 元素的首個子元素(firstchild)

//元素是 元素的最後乙個子元素(lastchild)

西門吹雪

葉孤城firstchild 屬性可以用來訪問元素的文字

大熊貓dom 根節點

這裡有兩個特殊的屬性,可以訪問全部文件:

document.documentelement - 全部文件

document.body - 文件的主體,把整個頁面都獲取到了

hildnodes屬性 和 nodevalue屬性

除了 innerhtml 屬性,也可以使用 childnodes 和 nodevalue 屬性來獲取元素的內容。

借助getelementbyid 方法實現獲取元素的文字內容

1

hello world!

23

DOM學習總結(二)

一.什麼是dom屬性 dom屬性簡單來說就是html的屬性值 二.常見的dom屬性有哪些?1.innerhtml 屬性 獲取元素的內容,想要拿到某個元素的文字內容,直接在後面加 innerhtml var txt document.getelementbyid h1 innerhtml 2.node...

DOM學習總結 Element型別

element型別用來表現xml和html元素,提供了對元素標籤名 子節點及特性的訪問。訪問標籤名 可以用nodename屬性,也可以用tagname屬性。html中,標籤名始終以大寫表示。xml中標簽名始終與源 中的保持一致。最好在比較之前轉換成相同大小寫形式。id 元素在文件中的唯一標示 tit...

Dom思維總結

element 物件 原來是w3c的標準在作怪啊 transitional.dtd 如果在頁面中新增這行標記的話 在ie中 document.body.clientwidth body物件寬度 document.body.clientheight body物件高度 document.document...