JavaScript中DOM有哪些常用的方法

這篇文章主要介紹“JavaScript中DOM有哪些常用的方法”，在日常操作中，相信很多人在JavaScript中DOM有哪些常用的方法問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”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中DOM有哪些常用的方法”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！