今回すること
この「aaa」というテキストをtextareaなどに
出力するときに、
「object HTMLSpanElement」と表示されてしまうのを
aa<font size =”7″>a</font>と表示させたいということ!
コンソールから見ると、中身が見えるのに出力すると「object HTMLSpanElement」と表示されます。
この結果は正しいのですが、中身を出力したい、、という時に、どうすればいいと思って
検索してみましたが、全く出てきませんでした。
(そもそもどんなワードで検索しよう・・・・)と知識のない僕はここからでした笑
ついに英語で書かれたサイトで出力する方法が書かれていたので
その方法を書きます!
object HTMLSpanElement中身を出力する方法
var output = document.getElementById(“text”);
$(“#textarea”).text(output);
はじめはこのような感じで書いていました。
これでは object HTMLSpanElementと表示されてしまいます。
ちなみに出力するやり方はjQueryを使っていますが、
他の方法もあります!
しかし、僕の場合はテキストエリアなので
このやり方が簡単です。
こう書く!!!
var output = document.getElementById(“text”).innerHTML;
$(“#textarea”).text(output);
Id指定して、取得するときに 「.innerHTML」を付ければよかったのですね。。。
意外と苦労しました( ;´Д`)
出力する文をtextでなくvalでやってみたりしましたが
変わらないのはそのせいだったのです。
ちなみに
var output = document.getElementById(“text”).innerText;
innerTextに変えると、
要素を除いたテキストが表示されます。
つまり
aa<font size =”7″>a</font>
と表示されず
aaa
と表示されるということです!
それではありがとうございました。
コメント