DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> 淺析JS操作DOM的一些常用方法
淺析JS操作DOM的一些常用方法
編輯:JavaScript基礎知識     

getElementById(): 獲取有指定惟一ID屬性值文檔中的元素

getElementsByName(name): 返回的是數組

getElementsByTagName(): 返回具有指定標簽名的元素子元素集合

getAttribute(): 返回指定屬性名的屬性值

document.getElementsByTagName("a")[0].getAttribute("target");

setAttribute(): 添加指定的屬性,並為其賦指定的值。

document.getElementsByTagName("INPUT")[0].setAttribute("type","button");

節點屬性:

節點名稱(只讀):nodeName

節點值: nodeValue

節點類型(只讀):nodeType

子節點:

ele.childNodes 返回數組

firstChild

lastChild

父節點

parentNode 只有一個

兄弟節點

nextSibling 某節點之後緊跟的節點

previousSibling

插入節點

appendChild() 插入在最後

insertBefore(newnode,node)在node節點之前

刪除節點

removeChild(node) 成功返回被刪除的節點 失敗返回null

替換元素節點

replaceChild(newnode,oldnode) 實現子節點對象的替換

創建元素節點

createElement()

創建文本節點

createTextNode()

復制節點

需要被復制的節點.cloneNode(true/false)

true復制當前節點極其所以子節點,false僅復制當前節點

以上這篇淺析JS操作DOM的一些常用方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved