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);