當前位置：首頁 > 前端技术 > HTML >内容正文

HTML

HTML DOM那点儿事儿

發布時間：2024/9/21 HTML 64 豆豆

生活随笔收集整理的這篇文章主要介紹了 HTML DOM那点儿事儿小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

HTML DOM
定義了訪問和操作HTML文檔的標準方法。

HTML DOM 把 HTML 文檔呈現為帶有元素、屬性和文本的樹結構（節點樹）。

HTML網頁Node節點樹：

從整個HTML網頁節點樹圖中我們可以清楚的看到元素之間的父子關系，途中元素<head>與元素<body>為同級元素，屬性href也是元素<a>的一部分；該樹中大部分元素都有子節點，而大部分元素也都有父輩，其中我們可以吧<html>元素看作所有節點的先輩。

?????? 下面我們共同來學習通過DOM來訪問Document的標簽元素：

??????
　　首先，我們來使用使用
getElementById() 和 getElementsByTagName(“標簽名”) 方法來訪問；getElementById()是通過ID屬性來訪問該標簽元素，getElementsByTagName()會返回一個節點列表。

　　這三個屬性
parentNode、firstChild 以及
lastChild 可遵循文檔的結構，尋找節點的父節點、第一個子節點、最后一個子節點，document.documentElement ，

document.body這兩個屬性可以分別對文檔的根節點與body標簽進行直接的訪問。

??????
接著我們對元素的屬性進行獲得：

1.元素節點的 nodeName
是標簽名稱

2.屬性節點的 nodeName
是屬性名稱

3.文本節點的 nodeName
永遠是 #text

4.文檔節點的 nodeName
永遠是 #document

這里注意nodeName返回的標簽名稱總是大寫的英文字母。

nodeValue:

??????
對于文本節點而言，nodeValue屬性是其包含的文本

??????
而對于屬性節點來說，包含的是屬性值

??????
文檔節點與元素節點是沒有nodeValue屬性的

nodeType 節點的重要類型分為5種：

??????
以下以：元素類型---節點類型這種表現形式表現出這5種類型

??????
元素---1

??????
屬性---2

??????
文本---3

??????
注釋---8

??????
文檔---9

以上就是HTML
DOM的基礎知識，關于HTML DOM的應用個人有以下幾點建議：

1.JS與HTML的基礎要扎實

2.應當對DOM的節點樹結構進行理解，這點比較重要

3.對方法與屬性的運用正確且書寫格式規范

簡單的一些HTML
DOM跟大家分享一下，以下附件連接地址為HTML
DOM的練習實例，也希望大家有好的知識拿出來分享下。

3G鋪子：

http://www.3gput.com/forum.php?mod=viewthread&tid=193

PS：請復制到你的IE地址欄進行訪問

轉載于:https://www.cnblogs.com/H_Razor/archive/2011/03/17/1986645.html

以上是生活随笔為你收集整理的HTML DOM那点儿事儿的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。