javaScript DOM方法與屬性摘要
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);
相關文章
- JavaScript ----- 操作DOM物件的屬性JavaScript物件
- XML DOM – 屬性和方法概述XML
- DOM屬性
- JavaScript 靜態屬性與靜態方法JavaScript
- JavaScript:Object屬性方法JavaScriptObject
- JavaScript中屬性name與方法名不能相同JavaScript
- JavaScript公有屬性、私有屬性、公有方法和原型方法JavaScript原型
- 使用DOM Breakpoints找到修改屬性的Javascript程式碼JavaScript
- HTML DOM之document物件的屬性和方法HTML物件
- JavaScript:prototype屬性使用方法JavaScript
- JavaScript 數字呼叫方法或者屬性JavaScript
- JavaScript物件的資料屬性與訪問器屬性JavaScript物件
- DOM物件屬性(property)與HTML標籤特性(attribute)物件HTML
- JavaScript訪問物件的屬性和方法JavaScript物件
- Vue 計算屬性與方法Vue
- JavaScript files 屬性JavaScript
- JavaScript childElementCount 屬性JavaScript
- JavaScript offsetX 屬性JavaScript
- JavaScript firstChild屬性JavaScript
- JavaScript classList 屬性JavaScript
- JavaScript cells 屬性JavaScript
- JavaScript rows 屬性JavaScript
- JavaScript nodeName 屬性JavaScript
- JavaScript rowIndex 屬性JavaScriptIndex
- JavaScript tagName 屬性JavaScript
- JavaScript parentNode 屬性JavaScript
- JavaScript prototype屬性JavaScript
- JavaScript NaN 屬性JavaScriptNaN
- JavaScript Infinity 屬性JavaScript
- JavaScript className 屬性JavaScript
- JavaScript style 屬性JavaScript
- JavaScript firstElementChild 屬性JavaScript
- JavaScript 中那些關於座標和距離的屬性與方法JavaScript
- JavaScript私有屬性和靜態屬性JavaScript
- JavaScript內建物件屬性及方法大全JavaScript物件
- React的Refs方法獲取DOM例項 和 訪問子元件方法及屬性React元件
- JavaScript validity 屬性JavaScript
- JavaScript 字串 length屬性JavaScript字串