ホームページ > 記事 > ウェブフロントエンド > Dom属性の使い方
今回は、Dom属性の使い方と、Dom属性を使用する際の注意点を紹介します。実際の事例を見てみましょう。
の3つのコア 1. ECMAScript js
の構文標準 2.DOM Documentオブジェクトモデル ドキュメントオブジェクトモデルは、jsがhtmlタグを操作できるようにするメソッドを提供します
3. BOM ブラウザ オブジェクト モデル ブラウザ オブジェクト モデルは、js がブラウザを操作できるようにするメソッドを提供します
注:1. js の最大のボスは window であり、document は window の下にある単なるオブジェクトです
documentElement html
document(在文档里,document是老大) | html / \ / \ / \ body head / / | \ / / | \ / / | \ / | \ meta title style... / | \ / | \ p p ul... / / a
childrenを返します。 、テキスト ノードが返されます
CommentNode は 8 を返します
Children オブジェクトの下にあるすべての子要素ノードを返します。互換性の問題はありません
parentNode * Return 親ノードに互換性がありません
offsetParent 見つからない場合は最終的に本体に戻ります 互換性の問題はありません
大文字
3. DOMの一部のメソッド creatElement('p') これがラベルです 新しい要素ノードを作成するには、次のことを受け入れる必要がありますパラメータであり、パラメータは作成する必要があるラベルです。 createTextNode() テキストノードを新規作成 createComment() コメントノードを新規作成ノード操作要素ノードを追加
1.Parent.appendChild(子ノード)子ノードを追加する親ノードで、親のすべての子要素ノードの後にノードを追加します2.Parent.insertBefore(子ノード,指定された子ノード) 指定されたノードの前に追加します
parent。 (削除が必要なノード)
1. クローンノード cloneNode
関数はパラメータを受け取りますが、デフォルトはfalse、浅い値です。 copy、深いコピーの場合は true
浅いコピー: ラベルのみをコピーします
。ディープコピー: このタグオブジェクトに関連するいくつかのタグのインライン情報をコピーします。js 内のカスタム属性はコピーされません。
これは私のDOM学習に関するメモです。お役に立てれば幸いです。
この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。
推奨書籍:
WeChat アプレットで双方向データ バインディングを実装する方法
JavaScript 文字列の使用方法
以上がDom属性の使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。