js文件物件模型DOM

2021-08-31 20:13:16 字數 1243 閱讀 5257

1、textarea、select、input必須同時有id和name

2、每個節點都有兩個屬性:

nodename和nodetype

但只有文字節點才會有nodue值

var p = document.getelementbyidx_x("pnode");

父節點:

p.parentnode

子節點的陣列集合:

p.childnodes,不相容,盡量不用

此陣列下有:firstchild和lastchild

文字節點:

分清:nodue 文字節點內容

value 文字框內容

兄弟節點:

sibling:英譯為,兄弟姐妹

後乙個 p.nextsibling

前乙個的名字 p.previoussibling.nodename

注意:不要跳太多層,也就是不要過多的使用兄弟節點

注意:尋找時相對的,document物件是在整個文件裡找所有的,而通常是只在某個物件裡找

getelementsbyname:

返回陣列

專門用於處理radio和checkbox

getelementsbytagname:

返回陣列

根據標籤名找

a():

追加和掛起元素到子節點

insertbefore():

插入到前面,相對於a()

ul.insertbefore(li,ul.firstchild) 把li插入到ul.firstchild的前面

新增標籤屬性:

方法一:a.href="" 這樣寫最通用

方法二(不相容):a.setattribute("href","" )設定屬性

a.getattribute("href")獲取屬性

轉殖節點:

clonenode()

引數true深度轉殖(轉殖節點以及節點下的全部內容),引數false或沒有為淺度轉殖(只轉殖當前節點)

var li = ul.firstchild.clonenode(true)

刪除節點:

removechild()

if(ul.haschildnodes)

innerhtml:

快捷插入元素

ul.innerhtml+=「謝特

」所有的瀏覽器都支援

但是ie不支援的兩個地方:select標籤和table(不能往table裡塞,但是可以可以吧table放到div往裡塞)

DOM 文件物件模型

dom 文件物件模型 概念的推出,這個api使html如虎添翼,但是有些學dhtml的朋友還是有些困撓,只是因為目前的手冊的書寫不太科學,是按字母 來分的,不便查閱.其實dom中最關鍵是要掌握節點與節點之間的關係 between node andnode 想學習dhtml中的dom千萬不要從頭到尾地...

DOM文件物件模型

dom document object model文件物件模型 用來將標記型文件的文件封裝成物件,並且將文件中的所有的類容 文字,屬性,屬性值 分裝成為物件。封裝的目的是為了更好的對文字文件進行操作。有了物件就可以更好的利用文件對其中的屬性和值進行呼叫。document 標記型文件 object 封...

DOM文件物件模型

文件 標記型文件 html xml 物件 封裝了屬性和行為 模型 共性特徵的體現 dom解析html 1 通過dom的方法,把html全部 元素 標籤 文字 屬性 都封裝成了物件 2 dom想要操作標記型文件先解析 解析器 dom解析html 瀏覽器也可以解析html dom的三個級別 1 將htm...