F.Ko-Jiの「一秒後は未来」

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

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

ここをクリック 
元に戻す

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>

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

著者について

fkoji

F.Ko-Ji

Webエンジニアやってます。最近は ドットインストール の開発がお仕事です。その傍ら、個人で Meity電車遅延なう梅酒.in#グラドル自画撮り部 の部室といったネットサービスを開発・運営してます。梅酒と草野球とリアル脱出ゲームが好きです。

» 詳しいプロフィールや運営サービスの一覧など