ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript の dom メソッドとは何ですか?

JavaScript の dom メソッドとは何ですか?

青灯夜游
青灯夜游オリジナル
2021-04-20 12:04:593071ブラウズ

dom メソッドには、close()、open()、write()、writeln()、focus()、item()、assert()、clear()、count()、error()、 group()、info()、log()、table()など。

JavaScript の dom メソッドとは何ですか?

このチュートリアルの動作環境: 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 要素オブジェクトのメソッド

メソッド説明指定された要素にイベント ハンドラーを追加します新しい子要素を要素に追加します要素のクローンを作成します2 つの要素のドキュメントの位置を比較します。 ##element elementelementelementelementelementelementelementelementelement.hasChildNodes() #element.hasFocus()element.insertBefore() element.isDefaultNamespace().isEqualNode()2 つの要素が等しいかどうかを確認する.isSameNode()2 つの要素すべてに同じノードがあることを確認します。 .isSupported()指定された機能が要素でサポートされている場合は true を返します。 .normalize() これを構造 (要素、コメント、処理命令、CDATA など) だけが含まれる「通常の」形式にします。セクションとエンティティ参照) を分離したテキスト ノード、つまり要素 (属性を含む) の下にあるすべてのテキスト ノード。隣接するテキスト ノードも空のテキスト ノードもありません。 ##element指定された CSS セレクター要素に一致する最初の子要素を返しますすべての子要素のリストを返します指定された CSS セレクター要素に一致するノード #element## から削除します指定された属性ノードを削除し、削除されたノードを返します。 ##elementelement##element.replaceChild()element.setAttribute()element.setAttributeNode()##element.setIdAttribute()element## .setIdAttributeNode()関連付けられた要素のキー値を指定します。オブジェクト。 .toString()説明##nodemap
element.addEventListener()
element.appendChild()
element.cloneNode()
element.compareDocumentPosition()
.focus()フォーカスを取得するドキュメントまたは要素を設定します
.getAttribute()指定された要素の属性値を返します
.getAttributeNode()Return 属性を指定します。node
.getElementsByTagName()指定されたタグ名のすべての子要素のコレクションを返します。
. getElementsByClassName()ドキュメント内の指定されたクラス名を持つすべての要素のコレクションを NodeList オブジェクトとして返します。
.getFeature()指定された機能の実行 API オブジェクトを返します。
.getUserData()要素内の関連付けられたキー値のオブジェクトを返します。
.hasAttribute()指定された属性が要素内に存在する場合は true を返し、それ以外の場合は false を返します。
.hasAttributes()要素に属性がある場合は true を返し、属性がない場合は false を返します。
要素に子要素があるかどうかを返します
ドキュメントまたは要素にフォーカスがあるかどうかを検出するブール値を返します
既存の子要素の前に新しい子要素を挿入します
指定された namespaceURI が true を返す場合それ以外の場合は false を返します。 ##element
element
element
element
.querySelector()
##document.querySelectorAll()
.removeAttribute() 指定された要素を要素 Attribute
#element.removeAttributeNode()
.removeChild()子要素の削除
.removeEventListener()addEventListener() メソッドによって追加されたイベント ハンドルを削除します
子要素を置き換えます
指定された属性を設定または変更し、値を指定します。
指定された属性ノードを設定または変更します。
element
.setUserData()
##element
要素を文字列に変換します
ノードリスト.item() ドキュメント ツリーに基づいて要素のインデックスを返します
DOM 属性オブジェクトのメソッド
メソッド
.getNamedItem()

ノード リストから返された指定された属性ノード。

nodemap.item()ノード リスト内の指定されたインデックス番号にあるノードを返します。 ##nodemapnodemap

#DOM イベント メソッド

.removeNamedItem()指定された属性ノードを削除します
.setNamedItem()指定された属性ノードを (名前で) 設定します
メソッド initEvent()新しく作成された Event オブジェクトのプロパティを初期化します。 preventDefault()イベントに関連付けられたデフォルトのアクションを実行しないようにブラウザに通知します。 stopPropagation() イベントをディスパッチしなくなります。 addEventListener()ターゲット イベント (IE8) でのリスニング イベントの登録を許可します。 =attachEvent())dispatchEvent()イベントをリスナーに送信できるようにします (IE8 = fireEvent())removeEventListener()イベント ターゲットに登録されたリスニング イベントを実行します (IE8 = detachEvent())handleEvent()任意のオブジェクトをイベント ハンドラーとして登録createEvent()initMouseEvent()マウス イベント オブジェクトの値を初期化しますinitKeyboardEvent()キーボード イベント オブジェクトの値を初期化します#DOM Console オブジェクトのメソッド
説明


メソッド説明アサーションが false の場合、エラー メッセージがコンソールに出力されます。 。 コンソール上の情報をクリアします。 通常、カウントに使用される count() 呼び出しの数を記録します。 エラー情報をコンソールに出力制御中ステーションはメッセージ グループを作成します。完全な情報グループは console.group() で始まり console.groupEnd()コンソールで情報グループを作成します。 console.group() と似ていますが、デフォルトでは折りたたまれています。 現在の情報グループの終了を設定しますコンソール出力 メッセージ#log()##table() データを表形式で表示しますtime()タイマーは時間のカウントを開始し、操作に費やされた正確な時間を計算するために timeEnd() と組み合わせて使用​​されます。 。 timeEnd()時間終了trace()現在実行されているコードを表示します。スタック内の呼び出しパス。 warn()警告情報を出力します。警告を示すために情報の先頭に黄色の三角形を追加します
assert()
clear()
count()
error()
group()
groupCollapsed()
groupEnd()
info()
#コンソール出力メッセージ
##CSSStyleDeclaration オブジェクトのメソッド

MethodDescription

getPropertyPriority ( )getPropertyValue()item()removeProperty()setProperty()#HTMLCollection オブジェクトのメソッド
指定された CSS プロパティに「重要!」属性が設定されているかどうかを返します。
指定された CSS プロパティ値を返します。
CSS 宣言内の CSS プロパティ名をインデックスで返します。
CSS 宣言から CSS プロパティを削除します。
CSS 宣言ブロックで CSS プロパティを作成または変更します。
メソッド

説明

item()HTMLCollection 内の指定されたインデックスにある要素を返します。 namedItem()指定された ID または name 属性を持つ HTMLCollection 内の要素を返します。 [推奨学習: JavaScript 上級チュートリアル
]

以上がJavaScript の dom メソッドとは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。