ホームページ > 記事 > ウェブフロントエンド > JavaScript の dom メソッドとは何ですか?
dom メソッドには、close()、open()、write()、writeln()、focus()、item()、assert()、clear()、count()、error()、 group()、info()、log()、table()など。
このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。
DOM Document オブジェクトのメソッド
メソッド | 説明 |
---|---|
document.addEventListener() | ドキュメントにハンドルを追加します |
document.adoptNode(node) | 別のドキュメントから適応されたノードを返します現在の 1 つのドキュメントに。 |
document.close() | document.open() メソッドで開かれた出力ストリームを閉じ、選択されたデータを表示します。 |
document.createAttribute() | 属性ノードの作成 |
document.createComment() | createComment() メソッドはコメント ノードを作成します。 |
document.createDocumentFragment() | 空の DocumentFragment オブジェクトを作成し、このオブジェクトを返します。 |
document.createElement() | 要素ノードを作成します。 |
document.createTextNode() | テキスト ノードを作成します。 |
document.getElementsByClassName() | ドキュメント内の指定されたクラス名を持つすべての要素のコレクションを NodeList オブジェクトとして返します。 |
document.getElementById() | 指定された ID を持つ最初のオブジェクトへの参照を返します。 |
document.getElementsByName() | 指定された名前を持つオブジェクトのコレクションを返します。 |
document.getElementsByTagName() | 指定されたタグ名を持つオブジェクトのコレクションを返します。 |
document.importNode() | アプリケーション用に別のドキュメントからこのドキュメントにノードをコピーします。 |
document.normalize() | 空のテキスト ノードを削除し、隣接するノードを接続します |
document.normalizeDocument() | 空のテキスト ノードを削除し、隣接するノードの |
document.open() | ストリームを開いて任意のドキュメントからデータを収集します。 write() または document.writeln() メソッド。 |
document.querySelector() | 指定された CSS セレクター |
document に一致するドキュメント内の最初の要素を返します。 querySelectorAll() | document.querySelectorAll() は、HTML5 で導入された新しいメソッドで、document |
document 内の CSS セレクターに一致するすべての要素ノードのリストを返します。 .removeEventListener () | ドキュメント内のイベント ハンドラーを削除します (addEventListener() メソッドによって追加されました) |
document.renameNode() | 名前の変更要素または属性ノード。 |
document.write() | HTML 式または JavaScript コードをドキュメントに書き込みます。 |
document.writeln() | write() メソッドと同じですが、各式の後に改行文字が書き込まれる点が異なります。 |
#DOM 要素オブジェクトのメソッド
説明 | |
---|---|
element.addEventListener() | 指定された要素にイベント ハンドラーを追加します|
element.appendChild() | 新しい子要素を要素に追加します|
element.cloneNode() | 要素のクローンを作成します|
element.compareDocumentPosition() | 2 つの要素のドキュメントの位置を比較します。|
.focus()フォーカスを取得するドキュメントまたは要素を設定します | |
.getAttribute()指定された要素の属性値を返します | |
.getAttributeNode()Return 属性を指定します。node | |
.getElementsByTagName()指定されたタグ名のすべての子要素のコレクションを返します。 | |
. getElementsByClassName()ドキュメント内の指定されたクラス名を持つすべての要素のコレクションを NodeList オブジェクトとして返します。 | |
.getFeature()指定された機能の実行 API オブジェクトを返します。 | |
.getUserData()要素内の関連付けられたキー値のオブジェクトを返します。 | |
.hasAttribute()指定された属性が要素内に存在する場合は true を返し、それ以外の場合は false を返します。 | |
.hasAttributes()要素に属性がある場合は true を返し、属性がない場合は false を返します。 | |
要素に子要素があるかどうかを返します | #element |
ドキュメントまたは要素にフォーカスがあるかどうかを検出するブール値を返します | element |
既存の子要素の前に新しい子要素を挿入します | element |
指定された namespaceURI が true を返す場合それ以外の場合は false を返します。 | ##element | .isEqualNode()
element | .isSameNode()|
element | .isSupported()|
element | .normalize()|
##element | .querySelector() |
##document.querySelectorAll() | すべての子要素のリストを返します指定された CSS セレクター要素に一致するノード|
.removeAttribute() | 指定された要素を要素 Attribute | ## から削除します
#element.removeAttributeNode() | 指定された属性ノードを削除し、削除されたノードを返します。|
.removeChild()子要素の削除 | |
.removeEventListener()addEventListener() メソッドによって追加されたイベント ハンドルを削除します | |
子要素を置き換えます | |
指定された属性を設定または変更し、値を指定します。 | |
指定された属性ノードを設定または変更します。 | ##element |
element## .setIdAttributeNode() | |
element .setUserData() |
|
##element | .toString()
要素を文字列に変換します |
ノードリスト.item() | ドキュメント ツリーに基づいて要素のインデックスを返します |
DOM 属性オブジェクトのメソッド | |
メソッド | 説明
ノード リストから返された指定された属性ノード。
ノード リスト内の指定されたインデックス番号にあるノードを返します。 | |
---|---|
.removeNamedItem()指定された属性ノードを削除します | |
.setNamedItem()指定された属性ノードを (名前で) 設定します |
説明 | initEvent() |
---|---|
preventDefault() | |
stopPropagation() | |
addEventListener() | |
dispatchEvent() | |
removeEventListener() | |
handleEvent() | |
createEvent() | |
initMouseEvent() | |
initKeyboardEvent() | |
assert() | |
---|---|
clear() | |
count() | |
error() | |
group() | |
groupCollapsed() | |
groupEnd() | |
info() | |
#log() | #コンソール出力メッセージ |
データを表形式で表示します | |
タイマーは時間のカウントを開始し、操作に費やされた正確な時間を計算するために timeEnd() と組み合わせて使用されます。 。 | |
時間終了 | |
現在実行されているコードを表示します。スタック内の呼び出しパス。 | |
警告情報を出力します。警告を示すために情報の先頭に黄色の三角形を追加します | |
##CSSStyleDeclaration オブジェクトのメソッド |
MethodDescription
指定された CSS プロパティに「重要!」属性が設定されているかどうかを返します。 | |
---|---|
指定された CSS プロパティ値を返します。 | |
CSS 宣言内の CSS プロパティ名をインデックスで返します。 | |
CSS 宣言から CSS プロパティを削除します。 | |
CSS 宣言ブロックで CSS プロパティを作成または変更します。 | |
説明
namedItem() | |
---|---|
] |
以上がJavaScript の dom メソッドとは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。