| ポイント |
<![CDATA[
document.all[tID].innerHTML = str;
]]>
|
| 説 明 |
クリックしたらHTMLタグを含む文字を入れ替えるにはタグにid="myText"のようにIDを指定しておきます。IDを指定しておけば「document.all["ID名"].innertHTML = "表示するHTMLタグを含む文字"」としてHTMLタグを含む文字を入れ替えることができます。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>クリックしたらHTMLタグを含む文字を入れ替える</title>
<script Language="JavaScript"><!--
function change(tID,str)
{
document.all[tID].innerHTML = str;
}
// --></script>
</head>
<body bgcolor="white">
<div id="myText1">
天気：晴れ
</div>
<a href="#" onClick="change('myText1','天気：<b>曇り</b>')">文字を入れ替え(1)</a><br>
<a href="#" onClick="change('myText1','天気：<b>雨</b>')">文字を入れ替え(2)</a><br>
</body>
</html>
]]>
|
| 補足説明 |
iCabでは日本語は文字化けします。Safari 3以前のバージョンでは動きません。 |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
クリックしたらHTMLタグを含む文字を入れ替える