dom：基於文件物件模型程式設計，解析html頁面時，js引擎將html頁面中每乙個標籤都封裝成一物件，通過操作這些物件在頁面中顯示效果
整個文件：document
乙個標籤物件代表乙個節點：node — 屬性：nodename(節點名稱)
它是以乙個樹狀結構進行儲存：
學習dom程式設計的作用：
all：返回當前頁面中的所有標籤物件集合
forms:獲取當前頁面中的所有form標籤物件的集合
images:獲取頁面中所有ing標籤物件的集合
links：獲取當前頁面中所有的a標籤的集合
<
!doctype html>
"utf-8"
>
通過document的集合屬性獲取標籤物件<
/title>
<
/head>
"#">
<
/a>
>
<
/form>
<
/body>
/*var nodelist = document.all;*/
//var nodelist = document.forms;
var nodelist = document.links;
alert
(nodelist.length)
;for
(var i =
0;i)<
/script>
<
/html>
1.parentnode：父節點
2.childnodes：當前的所有子節點
3.firstchild：第乙個子節點
4.lastchild：最後乙個子節點
5.兄弟節點：sibling
在節點關係：childnodes，firstchild，lastchild，有乙個節點的型別：nodetype(檢視節點型別)
型別對應
名稱空格換行
3#text
標籤物件
1html注釋
8#comment
<
!doctype html>
"utf-8"
>
通過查詢節點關係來獲取標籤物件<
/title>
<
/head>
"#">
<
/a>
>
"button"
/>
<
/form>
<
/body>
//需求1：需要獲取第乙個a標籤物件
var anode = document.links[0]
;alert
(anode.nodename)
;//需求2：獲取他的父節點標籤
var parent = anode.parentnode;
alert
(parent.nodename)
;//需求3：獲取當前第乙個form標籤物件的所有子節點物件
var childs = parent.childnodes;
alert
(childs.length)
for(
var i =
0;i//需求4：通過parent獲取第乙個子節點物件
var node = parent.firstchild;
alert
(node.nodename)
;//需求5：通過parent獲取最後乙個子節點物件
var last = parent.lastchild;
alert
(last.nodename)
;//獲取第二個a節點
var anode = document.links[1]
;alert
(anode.nodename)
;//獲取anode下乙個兄弟節點
var next = anode.nextsibling;
alert
(next.nodename)
;<
/script>
<
/html>
"utf-8"
>
通過document方法獲取標籤物件<
/title>
function
init()
<
/script>
<
/head>
"init()"
>
使用者名稱：
"text" name=
"username" id=
"user_name" onblur=
"init()"
/>
<
/body>
<
/html>
<
!doctype html>
"utf-8"
>
document操作標籤物件的其他方法<
/title>
function
addbutton()
<
/script>
<
/head>
"button" value=
"新增" onclick=
"addbutton()"
/>
"button" value=
"按鈕"
/>
<
/body>
<
/html>
DOM程式設計
1.d 當建立了乙個網頁並把它載入到web瀏覽器中時，dom就生成了，它將我們編寫的網頁文件轉換成乙個文件物件。js中的物件可以分為三種型別 a 使用者定義物件 程式設計師自行建立的物件。b 內建物件 array math date c 宿主物件 由瀏覽器提供的物件。js最初版本中，非常重要的一些宿...
DOM程式設計
相容ie專用 工作用建立乙個文字節點 標籤裡面插入文字 div1.innertext 你好 node原型提供的介面 div1.textcontent 你好 element提供的介面 插入頁面中 改style 改data 屬性 讀標準屬性 改節點的事件處理函式 改子節點 改html內容 改標籤改父節點...
DOM程式設計初探
這篇部落格將會介紹以下內容 想象一下你的 非常龐大 事實就是這樣 完全載入完需要很長的時間，如果等待載入完使用者才能看到網頁。顯然，使用者體驗和載入時間成反比，載入時間和網頁大小成正比，和網速大小成反比。我們的網頁越大，網速越慢，使用者體驗就會越差，直接的後果就是使用者丟失。當然，資料量小，網速快的...