獲取(r)
1. getelementbyid(id)、getelementsbyname(name)、getelementsbytagname(tagname)，這三種方法都會忽略文件的結構。
getelementsbytagname(tagname)：通過tagname獲取一組元素節點，返回的是具有相同tagname的節點陣列。這個方法的特殊之處在於不僅僅可以通過頂層document來使用，所有元素節點都可以使用。如：document.getelementbyid("container").getelementbytagname("div");，這跟css樣式有些相像，比如定義id為container元素節點下的所有div樣式：.container div。
2. parentnode、firstchild以及lastchild，這三種屬性都可以遞迴來使用。
html例項：
3. 根節點，document.documentelement得到html以及xml文件中的根節點，document.body提供了對body節點的直接訪問。
4. 所有子節點：childnodes和children，各種版本各種瀏覽器下表現都不一樣。
5. 節點資訊：nodename(tagname)、nodevalue、nodetype.
nodevalue
nodetype
建立(c)&修改(u)&刪除(d)
寫乙個點選單元格變為文字框的示例。
未完待續。。。
JS對HTML DOM元素的增刪改查
createelement 建立乙個新的html元素 節點 var p document.createelement p createtextnode 建立乙個新的文字節點 var ptext document.createtextnode 這是乙個文字節點。p.ptext 新增文字節點 目標元素末...
javascript節點的增刪改查
1 節點的建立。1.1 通過createelement 標籤名 建立乙個節點。1.3 createdocumentfragment 建立乙個dom片段 1.4 createelement 建立乙個具體的元素 2 新增 移除 替換 插入。removechild replacechild insertb...
HTML DOM 06 節點關係
示例 1 假設html 如例項中，那麼各個元素節點的關係如下 d1 d2 d3 的parentnode是parentdiv parentdiv的firstnode是 d1 parentdiv的lastnode是d3 d2的previoussibling是d1 d2的nextsibling是d3 pa...