例
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 =「デモ」を持つ要素を:
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オブジェクト