Text

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Text インターフェイスは、 DOM ツリー内でテキストノード (node) を表します。

EventTarget Node CharacterData Text

テキストノードが何であるかを理解するために、以下の文書を考えてみてください。

html
<html lang="en" class="e">
  <head>
    <title>Aliens?</title>
  </head>
  <body>
    Why yes.
  </body>
</html>

この文書には 5 つのテキストノードがあり、以下のような内容になっています。

  • "\n "<head> 開始タグの後、改行に続いて 4 つの空白)
  • "Aliens?"title 要素の内容)
  • "\n "</head> 終了タグの後、改行に続いて 2 つの空白)
  • "\n "<body> 開始タグの後、改行に続いて 2 つの空白)
  • "\n Why yes.\n \n\n"body 要素の内容)

これらのテキストノードは、それぞれがこの記事で説明されているプロパティとメソッドを持つオブジェクトです。

コンストラクター

Text()

引数をテキストコンテンツとして持つ、新しい Text ノードを返します。

インスタンスプロパティ

親インターフェイスである CharacterData, Node, EventTarget からプロパティを継承しています。

Text.assignedSlot 読取専用

ノードが挿入されている <slot> を表す HTMLSlotElement を返します。

Text.wholeText 読取専用

文字列で、この Node に論理的に隣接しているすべての Text ノードのテキストを、文書内で現れる順に結合して返します。

インスタンスメソッド

親インターフェイスである CharacterData, Node, EventTarget からメソッドを継承しています。

Text.splitText

指定したオフセット位置で、ノードを 2 つに分割します。

仕様書

Specification
DOM
# interface-text

ブラウザーの互換性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
Text
Text() constructor
assignedSlot
getBoxQuads
Experimental
splitText
wholeText

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support
Experimental. Expect behavior to change in the future.
See implementation notes.
User must explicitly enable this feature.

関連情報