JavaScript を使用してすべての HTML タグ内のテキストを変更する方法

この記事では、JavaScript を使用して、すべての HTML タグ内のテキストを変更するタスクを実行します。この記事では、すべての HTML 内のテキストの変更について詳しく学びましょう。その前に、HTML タグを定義しましょう。

HTMLタグとは

HTML タグは、HTML ドキュメント内の HTML 要素の始まりと終わりを示すために使用されるマークアップ言語の一部です。 HTML タグは、Web ブラウザが HTML ドキュメントを Web ページに変換するのに役立つ HTML 要素の構成要素です。

理解を深めるために、JavaScript を使用してすべての HTML タグ内のテキストを変更します。次の例を見てみましょう。

＃＃＃例＃＃＃

以下の例では、スクリプトを実行してテキストを変更する単純な Web ページを作成します。

リーリー

スクリプトを実行すると、テキストとクリックされたボタンで構成される出力が生成されます。ユーザーがボタンをクリックすると、テキストが変更され、別のテキストが Web ページに表示されます。

replaceWith()を使用する

Element.replaceWith() メソッドは、この要素の親の子リスト内のオブジェクトを Node オブジェクトまたは文字列オブジェクトのセットに置き換えます。 String オブジェクトに同等のテキスト ノードを挿入します。

＃＃＃文法＃＃＃

以下は

replaceWith()

-

の構文です。 リーリー ＃＃＃例＃＃＃

replaceWith() を使用してタグ内のテキストを変更する次の例を考えてみましょう。

リーリー

上記のスクリプトを実行すると、出力ウィンドウがポップアップ表示され、Web ページ上のテキストがスクリプトで使用されている元のテキストに置き換えられて表示されます。

querySelector()を使用する 1 つまたは一連のセレクターが指定されている場合、Document メソッド querySelector() は、それらに一致するドキュメント内の最初の要素を返します。一致するものがない場合は Null を返します。

＃＃＃文法＃＃＃

以下は

querySelector()

の構文です。 リーリー ＃＃＃例＃＃＃

次のコードを実行します。

querySelector()

を使用して HTML タグ内のテキストを変更します。

リーリー

スクリプトが実行されると、Web ページのテキストがマークアップで使用されている元のテキストに置き換えられた出力が生成されます。

以上がJavaScript を使用してすべての HTML タグ内のテキストを変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。