1. 開発者向けのウェブ技術
  2. Web API
  3. Text

このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

Text

Baseline 広く利用可能 *

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。

* この機能の一部は、対応レベルが異なる場合があります。

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 つに分割します。

仕様書

仕様書
DOM
# interface-text

ブラウザーの互換性

関連情報

MDN の改良に協力

協力方法を知る

このページは MDN の貢献者によって に最終更新されました。

AltStyle によって変換されたページ (->オリジナル) /