什麼是 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 方法實現獲取元素的文字內容
1hello 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...