JavaScript中DOM有哪些常用的方法

這篇文章主要介紹“JavaScript中DOM有哪些常用的方法”，在日常操作中，相信很多人在JavaScript中DOM有哪些常用的方法問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”JavaScript中DOM有哪些常用的方法”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

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

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

節(jié)點的成員方法

appendChild():在節(jié)點的子節(jié)點列表的最后添加一個子節(jié)點:

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

insertBefore():在節(jié)點的子節(jié)點列表的制定節(jié)點之前添加一個子節(jié)點:

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

hasChildNodes():檢測一個節(jié)點是否具有子節(jié)點:

method.hasChildNodes();

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

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

replaceChild():使用指定節(jié)點替換另一個制定的子節(jié)點:

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

cloneNode() 克隆節(jié)點:

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

document文檔節(jié)點

獲取元素節(jié)點的方法

getElementById():通過ID獲取元素節(jié)點

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

getElementsByTagName():通過標簽名獲取節(jié)點列表集合

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

getElementsByName():通過Name屬性獲取元素節(jié)點集合:

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

創(chuàng)建節(jié)點的方法

createElement():創(chuàng)建一個元素節(jié)點

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

createAttribute():創(chuàng)建一個屬性節(jié)點

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

createTextNode():創(chuàng)建一個文本節(jié)點

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

文檔流操作

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

document.write('哈哈');

writeln():向頁面中輸入文本流,并且添加\n

document.writeln('哈哈');

open():打開一個文檔流

document.open();

close():關(guān)閉一個文檔流

document.close();

到此，關(guān)于“JavaScript中DOM有哪些常用的方法”的學習就結(jié)束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續(xù)學習更多相關(guān)知識，請繼續(xù)關(guān)注億速云網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>