指定した要素に含まれている全てのテキストやHTML要素をそのまま取得、設定。HTMLタグもそのまま認識し反映する。
全てのプラウザに対応し、そっくりそのまま内容を入れ替え書き換えることができ便利です。
酒の名言
酒はいいものだ。実においしくて。毒の中では一番いいものだ。（葛西善蔵）
チャンもそう思う
■HTML作成のお勉強！、TextBox内にHTMLタグを含んだ文書を書き込み(タグは半角で）
→
HTMLタグを書き込むのが面倒な場合は、下からコピペする
Sample Source......................................................................>>>
<script language="JavaScript"><!--
var dv1_ori = "";
var dv2_ori = "";
window.onload = function (){ //元に戻すために、内容を記録しておく
dv1_ori = document.getElementById("dv1").innerHTML;
dv2_ori = document.getElementById("dv2").innerHTML;
}
function InnerHTML1(){ //左を右に転記
var elem = document.getElementById("dv1");
document.getElementById("dv2").innerHTML = elem.innerHTML;
}
function InnerHTML2(){ //右を左に転記
var elem = document.getElementById("dv2");
document.getElementById("dv1").innerHTML = elem.innerHTML;
}
function InnerHTML3(){ //元に戻す
document.getElementById("dv1").innerHTML
= dv1_ori;
document.getElementById("dv2").innerHTML
= dv2_ori;
}
function HtmlCreate(){ //HTML作成ボタン
var str = document.getElementById("web").value;
document.getElementById("koko").innerHTML = str;
}
//--></script>
</head>
<body>
<div id="dv1" style="position:absolute;top:160px;left:10px;width:220px;height:200px;border:1px
solid green">
<p style="font:14px 'Arial BlackArial Black';color:red;text-align:center;border:1px
solid green">innerHTMLプロパティ<p>
<p>現在の要素に含まれている全てのテキストやHTML要素を取得、設定。<br>
HTMLタグもそのまま認識し反映する。全てのプラウザに対応しています</p>
<a href="../../index.html" target="_blank">[ホーム]<img src="../../images/botan/home.gif">へ</a>
</div>
<button onclick="InnerHTML1()">転記</button>--→<br>
;←--<button onclick="InnerHTML2()">転記</button>
←<button onclick="InnerHTML3()">両方元に戻す</button>→
<div id="dv2" style="position:absolute;top:160px;left:390px;width:250px;height:200px;border:1px solid green">
<p><font color="#cc0000">酒の名言</font></p>酒はいいものだ。実においしくて。毒の中では一番いいものだ。（葛西善蔵）
<br>
<br>
<br>
<img src="../../images/anime/16.gif" width="32"
height="38" border="0">チャンもそう思う
</div>
<p>■HTML作成のお勉強！、TextBox内にHTMLタグを含んだ文書を書き込み(タグは半角で）<br>
<textarea id="web" rows="8" cols="40"></textarea>
<button onclick="HtmlCreate()">作成</button>→</p>
<div id="koko" style="position:absolute;top:420px;left:400px;width:250px;height:120px;border:1px
solid navy"></div>
へ