Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

指定されたHTMLテキストをJavaScriptドキュメントの指定された位置に挿入しますか？

JavascriptはinsertAdjacentHTML（）を提供しています 指定された位置にテキストをHTMLとして挿入するメソッド。それらの法的立場は

  • 開始後

  • アフターエンド

  • 始める前に

  • 前に

それぞれの法的立場には独自の重要性があります。それらのいくつかについて話し合いましょう。

例

次の例では、「 insertAdjacentHTML（）」を使用しています 「方法と法的立場」後 "、新しいテキストがヘッダーの隣に配置され、結果が出力に表示されます。

<html>
<body>
<h2 id="H2">Header</h2>
<script>
var ins = document.getElementById("H2");
ins.insertAdjacentHTML("afterend","<p>Tutorix is the best e-learning platform</p>");
</script>
</body>
</html>
出力 
Header

Tutorix is the best e-learning platform


例

次の例では、「 insertAdjacentHTML（）」を使用しています 「方法と法的立場」前に "、新しいテキストがヘッダーの隣に配置され、結果が出力に表示されます。

<html>
<body>
<h2 id="H2">Header</h2>
<script>
var ins = document.getElementById("H2");
ins.insertAdjacentHTML("beforeend","<p>Tutorix is the best e-learning platform</p>");
</script>
</body>
</html>
出力 
Header


Tutorix is the best e-learning platform

  1. MicrosoftFormsのヘッダーに画像を挿入する方法

    アンケートやアンケートを作成していて、フォームの見出しにロゴの写真を入れて魅力的な外観にしたいですか？ Microsoftフォーム ユーザーがフォームに画像を挿入できるようにする画像の挿入と呼ばれる機能があります。ユーザーがフォームヘッダーに画像を挿入するたびに、画像はフォームの左上隅に表示されます。 MicrosoftFormsに画像を追加できますか？ フォームへのロゴの追加は、MicrosoftFormsで簡単に行うことができます。このチュートリアルでは、フォームのヘッダーに画像を追加する方法について説明します。ビジネス、学校、またはフォームに追加したいその他の写真のロゴにすることがで

  2. Pagesアプリでドキュメントに画像を挿入する方法

    このチュートリアルでは、iPadまたはiPhoneのPagesアプリを使用して画像をドキュメントに挿入する方法を段階的に説明します。 このガイドが最初に発行された2010年に、このプロセスはもう少し複雑でした。 2021年に早送りすると、Pagesアプリで作業しているドキュメントに画像を追加するのは非常に簡単です。方法は次のとおりです– ドキュメント内で画像を挿入する場所にカーソルを置きます。 「プラス記号」ボタンをタップします（ + ）ツールバー（ページアプリの右上隅にあります。下のスクリーンショットを参照）で、写真またはビデオを選択します。 オプションのリストから。