JavaScript中DOM常用的方法有哪些

青灯夜游
發布: 2023-01-07 11:43:58
原創
2171 人瀏覽過

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

JavaScript中DOM常用的方法有哪些

本教學操作環境: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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!