->DOM的理解：文檔對應dom樹

->有了DOM能做什么：DOM的操作

html文檔做為DOM樹模型，DOM樹的節點就是對象。對象會觸發事件來執行一些事件代碼。
C#中的事件是一個委托變量，JavaScript事件就是方法，瀏覽器的底層也會有很多觸發函數的機制。
事件要做什么就寫什么。例如：a標簽添加點擊事件

if(a.onclick!=null){var res=a.onclick();if(res===true){break;  //默認的正常跳轉就不做了，返回了FALSE表示這個事件默認處理忽略不做}
}

標準DOM中定義了12中節點類型：
元素節點–1
文本節點–3
屬性節點–2
獲得方式：<node>.nodeType
獲取節點

1. 獲取頁面中指定id的節點對象：document.getElementByID("id的字符串“）
2. 獲取頁面中所有標簽名符合要求的標簽的節點集合： document.getElementsByTagName(“標簽名”）； //可以使用“*”
3. 獲取指定父節點下的所有名字符號要求的節點集合： 父節點.getElementsByTagName("標簽名稱”）
4. 元素節點的子節點 ：
   　　<node>.childNodes
   　　<node>.childNodes[0]
   　　<node>.firstChild
   　　<node>.lastChild
   　　<node>.childNodes[<node>.childNodes.length-1]

修改節點：修改節點的屬性和包含的文本內容
　標準修改方法：
　　<node>.setAttribute("屬性名”，“值”)
　　<node>.getAttrubute("屬性名”);
　DOM-html方法
　　<node>.屬性名=值
　　var v=<node>.屬性名
添加節點
　創建節點
　　　-->元素節點：var node=document.createElement("標簽名”);
　　　-->文本節點:
　　 　　　　　　var textNode=document.createTextNode(“文本”);
　　　　　　　　<節點>.innerHTML=“文本”；//這里可以使用html
　　　　　　　　<節點>.innerText=“文本”；//非標準
　　　-->屬性節點:<節點>.setAttribute(…,…);
　追加節點
　　　-->追加到尾部
　　　　　　　　　　父節點.appendChild(子節點）；
　　　-->插入到中間（插入到某個元素的前面）
　　　　　　　　　　父節點.insertBefore(新元素 ，舊元素);
刪除節點
　　　父節點．removeChild(子節點);
為節點添加事件對象
<node>.οnclick=function(){};

總結

以上是生活随笔為你收集整理的【JavaScript总结】JavaScript语法基础：DOM的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。