標籤：js dom
DOM=DocumentObject Model，文件物件模型。
Dom有三個不同的部分。
1、核心DOM 也是最基礎的文檔結構的標準模型
2、XMLDOM 針對XML文檔的標準模型
3、HTML DOM 針對HTML文檔的標準模型
對於一個新生程式員來說。HTML是什麼，其實並不重要。但是都知道。html檔案，可以用瀏覽器開啟。
HTML和XML，基本相同。只不過是，HTML中節點 標記，是預先定義好的。而XML中的節點，由文檔的作者定義。所以XML是可擴充的。
HTML： 超文字標記語言 (HTML)。主要功能是能被瀏覽器解析 顯示出來。HTML可以看作是一種特殊的標記語言。
XML：可延伸標記語言 (XML)。
而DOM作為以上的標準。當然會對其上面進行規劃：
根據DOM，文檔每個成分都是一個節點。對於上面的文檔。其實就是一顆樹。
通過一個例子來瞭解一下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>DOM</title><script src="base.js"></script><script src="index.js"></script><link rel="stylesheet" type="text/css" href="index.css" /></head><body><h1>標題H1</h1><p>p標籤</p><ul><li>欄目一</li><li>欄目二</li><li>欄目三</li></ul><div id='box' name='boxs'>測試div</div></body></html>
什麼是節點？
文檔中的所有標記，都稱之為節點。
DOM節點樹中的節點分為：
元素節點、文本節點、屬性節點。
元素節點：標記名稱 如 html body div等
文本節點：標記的內容 如 "測試div" "p標籤" 等等
屬性節點：用於修飾 標記名稱的。也算是 標記的屬性。 如 ：id=‘boxs‘
對元素元素的查詢：
元素的查詢，有好多種方式。
根據標記名稱(getElementsByTagName)、id名(getElementById)、name名(getElementsByName)。都可以進行尋找
innerHTML：擷取元素節點中的文本節點
元素屬性節點的修改。查到元素之後，也可以進行 屬性的修改 attribute
尋找元素的時候，如果查到的元素 不止一個，那麼返回的為一個節點數組。因此在使用的時候一定不能缺少數組標號。通過childNode屬性來擷取所有子節點
對與節點來說，也是一種樹形結構。當查詢到一個元素節點後，這個元素節點中 也包括很多小節點。
如上所示的節點，由 屬性節點 和 文本節點構成。使用childNodes.length 擷取元素節點中的所有子節點
使用的時候，與數組類似 childNodes[i] 對第i個子節點進行操作
對子節點的操作
DOM基礎很多，記是肯定記不住的。瀏覽一遍，瞭解一下，在下次使用的時候，知道有那麼一回事。知道在哪裡查資料就行了。
當然，也可以根據IDE的智能提示來做。
js入門——Dom基礎
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
