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

2005/9/3 22:55

クリックでテキストボックスに入れます。

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>