javaScript DOM方法與屬性摘要

笨笨鼠→_→發表於2012-07-06


1 createElement(element)
建立一個指定標籤名建立一個新的元素節點,返回值為指向新建元素節點的引用指標。
eg) var para = document.createElement("p");
document.body.appendChild(para);

2 createTextNode()
建立一個包含著給定文字的新文字節點,返回一個指向新建文字節點的引用指標:
reference = document.createTextNode()
引數為新建文字節點所包含的文字字串
eg)
var message = document.createTextNode("hello world");
var container = document.createElement("p");
container.appendChild(message);
document.body.appendChild(container);

3 cloneNode()
reference = node.cloneNode(deep)
為給定節點建立一個副本,引數為 true 或者 false,true 表示同時複製該節點的子節點,false 則不復制任何子節點。
var para = document.createElement("p");
var message = document.createTextNode("hello world");
para.appendChild(message);
document.body.appendChild(para);
var newpara = para.cloneNode(true);
document.body.appendChild(newpara);

4 appendChild()
reference = node.appendChild(newChild);
插入節點,例子參考前面。

5 insertBefore()
reference = element.insertBefore(newNode,targetNode)
將一個給定節點插入到一個給定元素節點的給定子節點的前面,返回一個指向新增子節點的引用指標。
eg)
var container = document.getElementById("content");
var message = document.getElementById("fineprint");
var para = document.createElement("p");
container.insertBefore(para,message);

6 removeChild()
reference = element.removeChild(node)
將從一個給定元素利刪除一個子節點,返回一個指向已被刪除的子節點的引用指標。
當某個節點被 removeChild()刪除後,此節點所有子節點都被刪除。

7 replaceChild()
reference = element.replaceChild(newChild,oldChild)
把一個給定父元素裡的一個子節點替換為另外一個節點,oldChild 節點必須是 element 元素的一個子節點,返回值是一個指向已被替換的那個
子節點的引用指標。
eg)
var container = document.getElementById("content");
var message = document.getElementById("fineprint");
var para = document.createElement("p");
container.replaceChild(para,message);

8 setAttribute()
element.setAttribute(attributeName,attributeValue);
為給定元素節點新增一個新的屬性值或是改變它的現有屬性

9 getAttribute
attributeValue = element.getAttribute(attributeName)
返回一個給定元素的一個給定屬性節點的值。

10 getElementById()
element = document.getElementById(ID)
尋找一個有著給定 id 屬性值的元素,返回一個元素節點

11 getElementByTagName()
用於尋找有著給定標籤名的所有元素:
elements = document.getElementsByTagName(tagName)
返回一個節點集合。

12 hasChildNodes
用來檢查一個給定元素是否有子節點
booleanValue = element.hasChildNodes
返回 true 或 false。

13 DOM屬性
節點的屬性
nodeName 屬性將返回一個字串,其內容是給定節點的名字。
如果節點是元素節點,返回這個元素的名稱;
如果是屬性節點,返回這個屬性的名稱;
如果是文字節點,返回一個內容為#text 的字串;

nodeType 屬性將返回一個整數,這個數值代表給定節點的型別
nodeValue 屬性將返回給定節點的當前值
如果節點是元素節點,返回null;
如果是屬性節點,返回這個屬性的名稱;
如果是文字節點,返回文字節點的內容;

遍歷節點樹
childNodes 該屬性返回一個陣列,這個陣列由給定元素節點的子節點構成
firstChild 返回第一個子節點
lastChild 返回最後一個子節點
nextSibling 返回給定節點的下一個子節點
parentNode 返回一個給定節點的父節點
previousSibling 返回給定節點的下一個子節點??

14 setTimeout
javaScript 函式,能夠讓某個函式在經過一段預定的時間之後才開始執行,函式有兩個引數,第一個引數是將要執行的那個函式的名字;
第二個引數是一個數值,以毫秒為單位設定了需要經過多長時間才開始執行由第一個引數所給出的函式:
setTimeout("function",interval); 

相關文章