ホームページ > ウェブフロントエンド > フロントエンドQ&A > JavaScript で一般的に使用される DOM メソッドは何ですか?

JavaScript で一般的に使用される DOM メソッドは何ですか?

青灯夜游
リリース: 2023-01-07 11:43:58
オリジナル
2236 人が閲覧しました

一般的に使用されるメソッド: appendChild()、insertBefore()、hasChildNodes()、removeChild()、replaceChild()、cloneNode()、write()、open()、writeln() など。

JavaScript で一般的に使用される DOM メソッドは何ですか?

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.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);
ログイン後にコピー

ドキュメントドキュメントノード

要素ノードを取得するメソッド

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 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート