1、dom（document object model）是由w3c規範
已接觸標準組織：ecma w3c
已經到dom4了 ，dom.0是出現規範之前的方法
兩大陣營：
支援：dom瀏覽器（chrome、opera、firefox、safari）
2、節點：node
（1）tree
常用節點型別：
元素節點：head body 。。。。
屬性節點：id maxlength
文字節點：文字內容
獲取屬性：
nodetype
nodename
nodevalue
元素元素名
null
屬性屬性名
屬性值文字
#text
文字內容
byid 獲取的是元素
attr=text.attributes[0] 有個偽陣列
let text=title.firstchild;
（2） 獲取節點方法：（document）
1、 document.getelementbyid
2、 document.getelementsbytagname 型別不是array是集合 使用for of 遍歷
3、document.getelementsbyname 節點裡新增name屬性和屬性值 獲取多個
4、document.getelementsbyclassname ps：有相容問題
不考慮ie678的情況下
5、queryselector(「」) 傳入選擇器 只能找到子元素的第乙個
（推薦）6、queryselectorall 可獲取所有子元素
「div p[name=elementp]」 屬性選擇
（3）遍歷節點：利用父與子，兄弟關係 （父節點.）
遍歷節點屬性：
ps：注意換行有#text！！！
（4）建立節點（方法） （document.）
createelement 建立元素
createattribute 建立屬性
createtextnode 建立文字節點
（5）增加節點（父節點.）
新增屬性：.屬性
不同，classname=「color」；
insertbefore 往節點的前面新增 （新的，已經存在的） 父.insertbefore（p，d2.firstchild）
（6）修改節點（父節點.）
replacechild （新的節點，舊的節點） 父.replacechild （新的，要替換的）
（7）刪除節點（父節點.）
removechild
簡化新增步驟：
innerhtml
innertext
注意：不是dom標準，但是瀏覽器都相容，ie
innerhtml:標籤不會被解析
特點1、返回乙個字串；
特點2、可以直接新增字串
tr.innerhtml=「增加段落
」+tr.innerhtml;
tr.innerhtml+="增加段落
";innertext:獲取瀏覽器原始碼的時候，可以使用
multiple屬性
option selected 獲取選中狀態
DOM的節點型別和屬性
dom，即document object model中，存在三種型別的節點 元素節點 element node 屬性節點 attribute node 文字節點 text node 幾個屬性 childnodes，返回乙個陣列，用來檢視給定元素節點的子節點。nodetype，檢視節點型別，元素節點的...
dom節點的一些屬性和方法
parentnode 父節點 firstchild 第乙個子節點 lastchild 最後乙個子節點 nextsibling 下乙個兄弟節點 previoussibling 上乙個兄弟節點 nodetype 節點型別 1 元素節點 2 屬性節點 3 文字節點 nodename 節點名稱 元素節點返回...
節點屬性（DOM物件）
在文件物件模型 dom 中，每個節點都是乙個物件。dom 節點有三個重要的屬性 1.nodename 節點的名稱 2.nodevalue 節點的值 3.nodetype 節點的型別 一 nodename 屬性 節點的名稱，是唯讀的。1.元素節點的 nodename 與標籤名相同 2.屬性節點的 no...