【重要】サービス終了のお知らせ

Forked from: calmbooks's <br /> を display : none すると View Diff (1125)

Fork
0
Fav
0
View
714
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 953 lines
  • HTML 165 lines
  • CSS 12 lines

getDisplayedText

動機

elem.textContent を使用して文字列を取得すると以下の部分が不便である。

  • br が改行にならない。
  • HTMLソースの改行 (ブラウザの表示上は空白になる) がそのまま取得される。
  • リスト (OL, UL) の番号・印が取得できない。
  • display: none; visibility: hidden; の要素の中身も取得される。
  • :before/:after 擬似要素 で指定した content が取得されない。
  • etc.

関数

getDisplayedText

  • var text=getDisplayedText(elem, {includeContent:includeContent, showHidden:showHidden});
  • var text=getDisplayedText(elem [, optionString = ""]);
    display, visibility, content 等を考慮に入れて表示されている文字列を取得する。
    (2014/10/05 関数名変更しました: getInnerText → getDisplayedText)
    • elem 対象要素
    • includeContent content の内容を取得するかどうか(既定値false)
    • showHidden 非表示のテキストも取得するかどうか(既定値false)
    • optionString "c" を含む場合 includeContent=true を意味する。"h" を含む場合、showHidden=true を意味する。

getContentString

  • var text=getContentString(elem, pseudoClass [, counterBase = elem]);
    (おまけの関数) 指定した要素の擬似要素の表示内容を文字列として取得する。

getListItemText

  • var text=getContentString(integer, list-style-type [, hasSuffix = false]);
    (おまけの関数) 整数を指定した CSS list-style-type による文字列に変換する。

既知の問題点

  • getComputedStyle で quote が何故か取得できないので、quotes には対応していない。
  • Chrome: getComputedStyle で取得される content が不完全なので対応できない機能がある。
    • counter(name,style) の style が欠落するので、list-style-type は反映されない。
    • open-quote close-quote 等の指定が欠落するので引用符は取得できない。
    • content:"none"; や content:"normal"; とすると '"' が省略されるので、 content:none や content:normal と区別が付かない。この場合 none, normal の解釈を優先する。
  • Chrome: counter-increment, counter-reset の値が正しく取得できない。
    →現状では counter-increment で 0 以外の値が指定されている時に counter-reset を無視する様にしている。 counter-increment と counter-reset が両方指定している場合や、 counter-increment: counterName 0 等と指定している場合に正しく動作しない可能性がある。
  • br 要素に指定された :before/:after が読み取れない。 (ブラウザの表示にも反映されないし、そもそも指定できないものなのか?)。
  • display, visibility, content を考慮に入れてテキストを取得する
  • jQuery v2.1.0
  • display, visibility, content を考慮に入れてテキストを取得する

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

myoga.murase

Author

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags