JavaScript中DOM常用的方法有哪些

常用方法： appendChild()、insertBefore()、hasChildNodes()、removeChild()、replaceChild()、cloneNode()、write()、open()、writeln()等等。

本教學操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

節點的成員方法

appendChild():在節點的子節點清單的最後新增一個子節點:

var method = document.getElementById('method');
var input = document.createElement('input');        
method.appendChild('input');

insertBefore():在節點的子節點清單的製定節點之前新增一個子節點:

method.insertBefore(input,method.childNodes[1]);

hasChildNodes():偵測一個節點是否具有子節點:

#

method.hasChildNodes();

removeChild():移出節點的指定節點:

method.removeChild(method.childNodes[1]);

replaceChild():使用指定節點取代另一個制定的子節點:

method.replaceChild(input,method.childNodes[1]);

cloneNode() 複製節點:

var relation=document.getElementById('relation');        
var newRel=relation.cloneNode(true);

document文件節點

#取得元素節點的方法

##getElementById():透過ID取得元素節點

var ele=document.getElementById('ele');

getElementsByTagName():透過標籤名稱取得節點清單集合

var ps=document.getElementsByTagName('p');           
console.log(ps.length);"

getElementsByName():透過Name屬性取得元素節點集合:

var sexs=document.getElementsByName('user');           
console.log(sexs);"

創建節點的方法

createElement():建立一個元素節點

var b=document.createElement('b');

createAttribute():建立一個屬性節點

#

var classAttr=document.createAttribute('class');
classAttr.value='on';"

createTextNode():建立一個文字節點

var newtext=document.createTextNode('First');

文件流程動作

write():向頁面中輸入文字流

document.write('哈哈');

writeln():向頁面中輸入文字流,並且新增\n

document.writeln('哈哈');

open():開啟一個文件流程

document.open();

close():關閉一個文件流程

document.close();

【推薦學習：

javascript進階教學】

以上是JavaScript中DOM常用的方法有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章！