dom：document object model 文件物件模型
1.dom樹：所有的html標籤在js中的dom中都是以樹狀結構存在的。
2.dom節點：是dom的最基本組成單元。（指的是：html中的標籤）
3.node type 檢視元素的節點型別。
返回值：1——元素節點
2——屬性節點
3——文字節點
8——注釋節點
9——document節點
4.nodename 檢視元素節點的名稱（返回值是全大寫的）。
5.nodevalue檢視節點的值。
6.<1> . childnodes元素的子元素節點（相容性問題：在標準瀏覽器及ie9以上，會將元素之間的換行解析為乙個空白文字節點；
在低階瀏覽器下不會解析為空白文字節點。）；
<2>. children元素的子元素節點（不存在相容性問題）（不會把元素之間的換行解析成空白文字節點）。
childnodes 是標準屬性；children 是非標準屬性（但是比childnodes好用）；
返回值是所有子元素的集合；
children[0]獲取第乙個子元素節點。
7. <1> . firstchild 獲取指定元素的第乙個子元素節點（在標準瀏覽器及ie9以上能獲取到空白文字節點）；
<2>.
firstelementchild 獲取指定元素的第乙個子元素節點，不包含空白文字節點（ie6.7.8不支援此方法）；
解決相容性方法：
方法一：
if(box.firstelementchild)else方法二：
function getfirst (obj) ;
var result = getfirst(obox)
alert(result);
8. <1> . lastchild獲取指定元素的最後乙個子元素節點；
<2> . lastelementchild獲取指定元素的最後乙個子元素節點。
（與第7條的相容性相同） 9.
<1> .nextsibling 獲取指定元素的下乙個兄弟節點；
<2> .nextelementsibling獲取指定元素的下乙個兄弟節點。
（與第7條的相容性相同）
10.<1> .previousslibing 獲取指定元素的上乙個兄弟元素節點；
<2> .previouselementslibing獲取指定元素的上乙個兄弟元素節點。
（與第7條的相容性相同
）11. parentnode 獲取指定元素的父元素節點。（無相容性問題）
12. offsetparent 獲取指定元素的定位父節點。
13. <1> offsetleft 獲取指定元素邊界的左邊相對於其定位父級的左邊的距離（left + margin-left);
<2> offsettop 獲取指定元素邊界上邊相對於其定位父級的上邊的距離（top +margin-top)。
14. offsetwidth 獲取元素的絕對寬度（width + borderwidth*2 + padding*2)。
15. clientwidth 獲取元素可視區的寬度（width + padding*2);
clientheight 獲取元素可視區的高度。
16. 操作元素的三種方式：
<1> 乙個點 ....的
<2> 中括號 ....的（動態的，不確定的用中括號）
<3> 獲取：getattribute( )
設定：setattribute（） 設定的屬性體現在html標籤上，設定的屬性不需要考慮js保留字的問題。
刪除屬性：removeattribute( )
17. .createelement( ) 建立乙個元素（dom節點） 如：建立乙個div標籤 var div = document.createelement('div');
19. .insertbefore( ) 把某節點移動到指定節點的前面。
20. .removechild( ) 刪除某個子節點。
21. .replacechild( ) 替換某個子節點。
讀dom程式設計藝術總結 操作dom元素
一.獲取元素節點三種方法 document.getelementbyid id1 document.getelementsbytagname 標籤的名字例如 ul 得到所有的標籤 html5新增的方法 document.getelementbyclassname id1 可以這樣封裝 functio...
實用總結 DOM節點className操作
經常用到的小工具函式，每次用到都重寫一遍，有點浪費體力，於是決定分階段整理下，需要用到的時候就直接拷過來用了 對於dom節點的classname，常用操作不外乎增 刪 查 改可以用增 刪事先 由於 比較簡單，直接上原始碼 介面注釋 description 給節點新增類 param node dom節...
js基礎總結01 操作DOM
12 3示例注意 document.getelementsbyclassname p 等返回的是乙個htmlcollection 物件集合，document.queryselectorall p 返回的是乙個nodelist 物件集合，兩者沒有很大的不同，但要注意 訪問 htmlcollection...