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

       
  •  

  • カテゴリー: JavaScript
 この記事は約2分で読めます。
 今回すること
キャプ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
と表示されるということです!
それではありがとうございました。

 

       
   
コメントはまだありません

コメントを残す

JavaScript
html2canvasでfont-sizeが変わらないときの対処法!

こんにちは、はせです。 html2canvasとは簡単に 要素を画像に変換してくれるJSライブラリで …

JavaScript
jQueryで「自身の要素」のみイベントを起こす方法。親子の要素にも影響しない。

こんにちは、長谷川です。 今回は、要素に対してクリックなどのイベントを 親要素や子要素を無視し、その …

jsファイルかvue呼び出す
HTML5
Canvasで超簡単に点線・破線を引く方法!JavaScript

こんにちは、 今回はCanvasで点線、破線を簡単に引く方法を ご紹介致します。 なんとリファレンス …