|
9.1 獲取節(jié)點 document getElementById 語法 document.getElementById(元素ID) ； 功能 通過元素ID獲取節(jié)點； getElementsByName 語法 document.getElementsByName (元素name屬性) ； 功能 通過元素name屬性獲取節(jié)點； getElementsByTagName 語法 document.getElementsByTagName(元素標簽) ； 功能 通過元素標簽獲取節(jié)點； 節(jié)點指針 firstChild 語法 父節(jié)點.firstChild； 功能 獲取元素的首個子節(jié)點； lastChild 語法 父節(jié)點.lastChild； 功能 獲取元素的最后一個子節(jié)點； childNodes 語法 父節(jié)點.childNodes； 功能 獲取元素的子節(jié)點列表； previousSibling 語法 兄弟節(jié)點.previousSibling； 功能 獲取已知節(jié)點的前一個節(jié)點； nextSibling 語法 兄弟節(jié)點.nextSibling； 功能 獲取已知節(jié)點的后一個節(jié)點； parentNode 語法 子節(jié)點.parentNode； 功能 獲取已知節(jié)點的父節(jié)點； 9.2 節(jié)點操作 創(chuàng)建節(jié)點 createElement 語法 document.createElement(元素標簽)； 功能 創(chuàng)建元素節(jié)點； createAttribute 語法 document.createAttribute(元素屬性)； 功能 創(chuàng)建屬性節(jié)點； createTextNode 語法 document.createTextNode(文本內(nèi)容)； 功能 創(chuàng)建文本節(jié)點； 插入節(jié)點 appendChild 語法 appendChild(所添加的新節(jié)點)； 功能 向節(jié)點的子節(jié)點列表的末尾添加新的子節(jié)點； insertBefore 語法 insertBefore(所要添加的新節(jié)點，已知子節(jié)點)； 功能 在已知的子節(jié)點前插入一個新的子節(jié)點； 替換節(jié)點 replaceChild 語法 replaceChild(要插入的新元素，將被替換的老元素)； 功能 將某個子節(jié)點替換為另一個； 復(fù)制節(jié)點 cloneNode 語法 需要被復(fù)制的節(jié)點.cloneNode(true/false)； 功能 創(chuàng)建指定結(jié)點的副本； 替換節(jié)點 replaceChild 語法 replaceChild(要插入的新元素，將被替換的老元素)； 功能 將某個子節(jié)點替換為另一個； 復(fù)制節(jié)點 cloneNode 語法 需要被復(fù)制的節(jié)點.cloneNode(true/false)； 功能 創(chuàng)建指定結(jié)點的副本； 9.3 HTML DOM 樹 通過可編程的對象模型，JavaScript 獲得了足夠的能力來創(chuàng)建動態(tài)的 HTML。 JavaScript 能夠改變頁面中的所有 HTML 元素 JavaScript 能夠改變頁面中的所有 HTML 屬性 JavaScript 能夠改變頁面中的所有 CSS 樣式 JavaScript 能夠?qū)撁嬷械乃惺录龀龇磻?yīng) 9.4 示例代碼 <!DOCTYPE html> <html> <body> <p>Hello World!</p> <div id="main"> <p>The DOM is very useful.</p> <p>本例演示 <b>getElementsByTagName</b> 方法。</p> </div> <script> var x=document.getElementById("main"); var y=x.getElementsByTagName("p"); document.write('id 為 "main" 的 div 中的第一段文本是：' + y[0].innerHTML); </script> </body> </html> 查看結(jié)果: Hello World! The DOM is very useful. 本例演示 getElementsByTagName 方法。 id 為 "main" 的 div 中的第一段文本是：The DOM is very useful. |
|
|
來自： 大文豪賢斌學(xué)長 > 《待分類》
