Fork
0
Fav
0
View
188
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 357 lines
  • HTML 38 lines
  • CSS 152 lines
指定した要素のプレーンテキストを返す関数です。
ブラウザによって、 innerText プロパティが返してくる値が違うので、
innerText 関数 を作成してみました。

それぞれのブラウザで innerText の値を pre タグに読み込ませてみると、
chrome では、 innerHTML と同じ表示になり、
ie, firefox は、取得した要素によっては、改行位置がずれたりして表示されます。
chrome でも p タグでは、 padding, と margin の値を 0 に指定しておかないと、
p タグの上下に必要としない改行が挿入されてしまいます。

この関数は、返ってきた値を pre タグに出力した場合、 innerHTML の表示と同じになるように作成しました。
テスト不足かもしれません。ヽ(´ー`)ノ

テキストエリアに、上記の要素を使用したタグを貼り付けて "変換" をクリックすると、
タグを、要素に流し込み、DOM ツリー化、その要素の innerText と innerHTML の値を表示します。
また、作成した関数が処理した innerText ( プレーンテキスト )の値を表示します。

div, p, span, #text, br の5つのタグしか処理できません。 _(:3」∠)_

http://mathematics.namekuji.jp/script/myinnertext-a.html
  • 指定した要素のプレーンテキスト取得
  • 指定した要素のプレーンテキスト取得

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags