資源描述：
《JS操作DOM元素屬性和方法》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。
1、JS操作DOM元素屬性和方法Dom元素基本操作方法API，先記錄下，方便以后使用?！ 3CDOM和JavaScript很容易混淆不清。DOM是面向HTML和XML文檔的API，為文檔提供了結(jié)構(gòu)化表示，并定義了如何通過腳本來訪問文檔結(jié)構(gòu)。JavaScript則是用于訪問和處理DOM的語言。如果沒有DOM，JavaScript根本沒有Web頁面和構(gòu)成頁面元素的概念。文檔中的每個元素都是DOM的一部分，這就使得JavaScript可以訪問元素的屬性和方法?！ OM獨立于具體的編程語言，通常通過JavaScript訪問DOM，不過并不嚴格要求這樣?？梢允褂萌魏文_本語言來
2、訪問DOM，這要歸功于其一致的API。表3-1列出了DOM元素的一些有用的屬性，表3-2列出了一些有用的方法。表3-1 用于處理XML文檔的DOM元素屬性屬性名???????描述childNodes返回當前元素所有子元素的數(shù)組firstChild返回當前元素的第一個下級子元素lastChild返回當前元素的最后一個子元素nextSibling返回緊跟在當前元素后面的元素nodeValue指定表示元素值的讀/寫屬性parentNode返回元素的父節(jié)點previousSibling返回緊鄰當前元素之前的元素表3-2 用于遍歷XML文檔的DOM元素方法方法名???????
3、????????????????描述getElementById(id)(document)獲取有指定惟一ID屬性值文檔中的元素getElementsByTagName(name)返回當前元素中有指定標記名的子元素的數(shù)組hasChildNodes()返回一個布爾值，指示元素是否有子元素getAttribute(name)返回元素的屬性值，屬性由name指定 有了W3CDOM，就能編寫簡單的跨瀏覽器腳本，從而充分利用XML的強大功能和靈活性，將XML作為瀏覽器和服務(wù)器之間的通信介質(zhì)?！ 南旅娴睦涌梢钥吹?，使用遵循W3CDOM的JavaScript來讀取XML文檔
4、是何等簡單。代碼清單3-3顯示了服務(wù)器向瀏覽器返回的XML文檔的內(nèi)容。這是一個簡單的美國州名列表，各個州按地區(qū)劃分。表3-3動態(tài)創(chuàng)建內(nèi)容時所用的W3CDOM屬性和方法屬性/方法????????????????描述document.createElement(tagName)文檔對象上的createElement方法可以創(chuàng)建由tagName指定的元素。如果以串div作為方法參數(shù)，就會生成一個div元素document.createTextNode(text)文檔對象的createTextNode方法會創(chuàng)建一個包含靜態(tài)文本的節(jié)點.appendChild
5、(childNode)appendChild方法將指定的節(jié)點增加到當前元素的子節(jié)點列表（作為一個新的子節(jié)點）。例如，可以增加一個option元素，作為select元素的子節(jié)點.getAttribute(name).setAttribute(name,value)這些方法分別獲得和設(shè)置元素中name屬性的值.insertBefore(newNode,targetNode)將節(jié)點newNode作為當前元素的子節(jié)點插到targetNode元素前面.removeAttribute(name)這個方法從元
6、素中刪除屬性name.removeChild(childNode)這個方法從元素中刪除子元素childNode.replaceChild(newNode,oldNode)這個方法將節(jié)點oldNode替換為節(jié)點newNode.hasChildnodes()這個方法返回一個布爾值，指示元素是否有子元素Document－－最頂層的節(jié)點，所有的其他節(jié)點都是附屬于它的。DocumentType－－DTD引用（使用語法）的對象表現(xiàn)形式，它不能包含子節(jié)點。DocumentFragment－－可以像Docum
7、ent一樣來保存其他節(jié)點。Element－－表示起始標簽和結(jié)束標簽之間的內(nèi)容，例如或者。這是唯一可以同時包含特性和子節(jié)點的節(jié)點類型。Attr－－代表一對特性名和特性值。這個節(jié)點類型不能包含子節(jié)點。Text－－代表XML文檔中的在起始標簽和結(jié)束標簽之間，或者CDataSection內(nèi)包含的普通文本。這個節(jié)點類型不能包含子節(jié)點。CDataSection－－的對象表現(xiàn)形式。這個節(jié)點類型僅能包含文本節(jié)點Text作為子節(jié)點。Entity－－表示在DTD中的一個實體定義，例如。這個節(jié)
