Javascript Innerhtml

| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |

ページに表示されるテキストまたはHTMLを変更して、サイトをよりインタラクティブにする方法を知っておく必要があります。ここで、HTMLの innerText属性とinnerHTML属性が使用されます。

これらの属性を使用すると、DOM要素のテキストとそのHTMLコードを簡単に変更できます。 。このガイドでは、 innerTextおよびinnerHTMLJavaScript属性の使用方法を学習します。

JavaScriptinnerHTMLとは何ですか?

innerHTML JavaScriptプロパティは、Webページ上の要素のHTMLコンテンツを定義します。 InnerHTMLは、HTMLDOMのプロパティです。 innerHTMLは、

要素

のコンテンツを定義および変更するためによく使用されます。innerHTMLは次のように使用できます。..

document.getElementById( "paragraph")innerHTML = " Karmacareer! ";

このコード行は、「Karmacareer」の「paragraph」

要素の内容を定義します。 getElementById()メソッドはIDで要素を取得します。

ブラウザは href =" / what-is-the-javascript-dom / ">ページが読み込まれるときのオブジェクトモデル(DOM)ドキュメント。このDOMは、ページに表示される一連のオブジェクトです。

DOMは、Web要素を変更するたびにHTMLコードを変更する必要がないことを意味します。 DOMとJavaScriptを使用して、特定のセッションでのページの表示方法を変更できます

JavaScriptのinnerTextとは何ですか?

JavaScriptのinnerT extプロパティは、要素のテキストコンテンツを定義します。また、その子孫のコンテンツも定義します。子孫は段落にタグを含めることができます

innerTextの構文はinnerHTMLの構文に似ています:..

document.getElementById( "element")InnerText = "This isテスト。&Rdquo ;;

IDが「element」の要素のテキスト値を「これはテストです」に設定します。

これらのメソッドは、次の場所に移動してテストできます。 JavaScriptコンソールと変更する要素の選択:

これにより、Webページの最初のHTML

タグの内容が変更されます。テキストを置き換える場合は、 innerText属性を使用できます。

「これはテスト。" "

Webページのテキストを変更することから始めましょう。フラッシュカードを使用して簡単なWebページを作成します。このWebページには、HTMLに関する質問が表示されます。ボタンをクリックするとボタンが表示されます。 、HTMLの質問に対する答えが表示されます。

ウェブページを作成する

最初のステップは、転送用のindex.htmlファイルを作成することです:<!DOCTYPE html>