[object HTMLSpanElement]の中身を出力する方法

 今回すること


キャプ2222チャ

このaaa」というテキストをtextareaなどに
出力するときに、
キャプチャ

「object HTMLSpanElement」
と表示されてしまうのを
キャプチ2ャ
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
と表示されるということです!
それではありがとうございました。

コメント

スポンサーリンク
スポンサーリンク
タイトルとURLをコピーしました