素人がプログラミングを勉強していたブログ

プログラミング、セキュリティ、英語、Webなどのブログ since 2008

連絡先: twitter: @javascripter すかいぷ:javascripter_ , javascripter あっと tsukkun.net twitterにどうぞ。

pre要素をクリックしたらtextareaにする

var pres=Array.slice(document.getElementsByTagName('pre'));
pres.forEach(
function(pre){
pre.addEventListener('click',
function(e){
var textarea=document.createElement('textarea');
textarea.value=pre.textContent;
pre.parentNode.replaceChild(textarea,pre);
textarea.select();
textarea.addEventListener('blur',
function(e){
textarea.parentNode.replaceChild(pre,textarea)
},false)

},false)

})

なんだかイマイチ。
preのまま選択できないかな。