HTML DOMinnerHTMLプロパティ
例
<p>要素のHTMLコンテンツをid = "demo"で変更します。
document.getElementById("demo").innerHTML = "Paragraph changed!";
以下の「自分で試してみてください」の例をもっと見てください。
定義と使用法
innerHTMLプロパティは、要素のHTMLコンテンツ(内部HTML)を設定または返します。
ブラウザのサポート
Property | |||||
---|---|---|---|---|---|
innerHTML | Yes | Yes | Yes | Yes | Yes |
構文
innerHTMLプロパティを返します。
HTMLElementObject.innerHTML
innerHTMLプロパティを設定します。
HTMLElementObject.innerHTML = text
プロパティ値
Value | Description |
---|---|
text | Specifies the HTML content of an element |
技術的な詳細
戻り値: | 要素のHTMLコンテンツを表す文字列 |
---|
その他の例
例
id = "myP"を使用して<p>要素のHTMLコンテンツを取得します。
var x = document.getElementById("myP").innerHTML;
例
id = "myList"を使用して<ul>要素のHTMLコンテンツを取得します。
var x = document.getElementById("myList").innerHTML;
例
2つの要素のHTMLコンテンツを変更します。
document.getElementById("myP").innerHTML = "Hello Dolly.";
document.getElementById("myDIV").innerHTML = "How are you?";
例
id = "demo"を使用して<p>要素のHTMLコンテンツに警告します。
alert(document.getElementById("demo").innerHTML);
例
id = "demo"の<p>要素のHTMLコンテンツを削除します。
document.getElementById("demo").innerHTML = ""; // Replaces the content of <p> with an empty string
例
リンクのHTMLコンテンツ、URL、およびターゲットを変更します。
document.getElementById("myAnchor").innerHTML = "W3Schools";
document.getElementById("myAnchor").href = "https://www.w3schools.com";
document.getElementById("myAnchor").target = "_blank";
❮要素オブジェクト