ネットサービスとかGoogleとか豆知識とか。

Index > Javascript > Javascriptの小技 - テキストをテキストボックスに入れる
Javascript
2005年09月03日 22:55

Javascriptの小技 - テキストをテキストボックスに入れる

  • このエントリーをはてなブックマークに追加
  • ... PV
スポンサード リンク
クリックでテキストボックスに入れます。
ここをクリック  元に戻す


HTMLソース
innerTextをinnerHTMLに修正しました。
<div id="text1">クリックでテキストボックスに入れます。</div>
<a href="javascript:void(0);" onClick="inputText();">ここをクリック</a><br/> 
<a href="javascript:void(0);" onClick="re_inputText();">元に戻す</a>
<script type="text/javascript">
var t = document.getElementById("text1").innerHTML;
function inputText() {
 var s = '<input type="text" name="text1" value="' + t + '" size="50">';
 document.getElementById("text1").innerHTML = s;
}
function re_inputText() {
 document.getElementById("text1").innerHTML = t;
}
</script>