最新のWeb開発のチュートリアル
 

HTML DOM innerHTML Propery

<Elementオブジェクト

HTMLコンテンツに変更し<p>のid =「デモ」を持つ要素を:

document.getElementById("demo").innerHTML = "Paragraph changed!";
»それを自分で試してみてください

もっと"Try it Yourself"以下の例。


定義と使用法

innerHTMLプロパティセットまたはHTMLコンテンツを返し(inner HTML)要素を。


ブラウザのサポート

プロパティ
innerHTML はい はい はい はい はい

構文

innerHTMLプロパティを返します:

HTMLElementObject .innerHTML

innerHTMLプロパティを設定します。

HTMLElementObject .innerHTML= プロパティ値
説明
text 要素のHTMLコンテンツを指定します。

技術的な詳細

戻り値: 要素のHTMLコンテンツを表す文字列、

例

その他の例

HTMLコンテンツを取得<p>のid = "MYP"を持つ要素を:

var x = document.getElementById("myP").innerHTML;

xの結果は次のようになります。

I am a paragraph.
»それを自分で試してみてください

HTMLコンテンツを取得<ul>のid = "はmyList"を持つ要素を:

var x = document.getElementById("myList").innerHTML;

xの結果は次のようになります。

  • Coffee
  • Tea
»それを自分で試してみてください

二つの要素のHTMLコンテンツを変更します。

document.getElementById("myP").innerHTML = "Hello Dolly.";
document.getElementById("myDIV").innerHTML = "How are you?";
»それを自分で試してみてください

HTMLコンテンツ警告<p>のid =「デモ」を持つ要素を:

alert(document.getElementById("demo").innerHTML);
»それを自分で試してみてください

HTMLコンテンツの削除<p>のid =「デモ」を持つ要素を:

document.getElementById("demo").innerHTML = "";  // Replaces the content of <p> with an empty string
»それを自分で試してみてください

リンクのHTMLコンテンツ、URL、およびターゲットを変更します。

document.getElementById("myAnchor").innerHTML = "w3ii";
document.getElementById("myAnchor").href = "http://www.w3ii.com";
document.getElementById("myAnchor").target = "_blank";
»それを自分で試してみてください

<Elementオブジェクト