堀北真希うさぎ
主な作品
ソフトコンタクトを入れる堀北真希うさぎを描いたイラストとその場面を含む仮想CM動画〜平成一桁頃のボシュロムのコンタクトレンズ『オプティマ』CM風に〜

ページ案内▼

splitText()メソッド。

DOMに於いて、テキストノードを二分割するsplitText()メソッドの解説です。

splitText()メソッド・目次。

splitText()メソッドとは。

splitText()メソッドとは、テキストノードを指定された位置を境に二つに分割するメソッドです。

分割されたテキストノード(指定された位置より後ろの部分)は、当該テキストノードの直後に兄弟テキストノードとして移されます。

主にテキストノード内のある位置に要素ノードなど別のノードを挿入したい場合や、テキストノード内のある語句を別の要素にしたい場合などに用いられます。

splitText()メソッドを実装するインタフェイス。

splitText()メソッドは

に依って実装されます。

従って、テキストノードに対してのみsplitText()メソッドを用いる事が出来ます。

splitText()メソッドの引数と返し値。

splitText()メソッドは以下の一つの引数を取ります。

  1. 分割の境界となる字数(先頭を 0字目とし、ノードの字数以下の整数)

splitText()メソッドの返し値は、分割されて生じた新たなテキストノードです。

但し、引数がノードの字数と一致する場合、新たに生じたテキストノードは空文字列となります。

尚、引数が負や字数より大きな値である場合は例外エラーとなります。

splitText()メソッドのJAVAスクリプトでの使用例。

ある要素ノード e 直下に、堀北真希 と言う文字列があれば、その直後に別の要素ノード f を挿入して処理を終了します。

var e1=e.childNodes;
var i=-1;
var p=-1;
while (++i<e1.length) {
    if (e1[i].nodeType!=3) continue;
    if ((p=e1[i].nodeValue.indexOf('堀北真希'))>-1) break;
    var n=e1[i].splitText(p+4);
    (n.parentNode).insertBefore(f, n);
    break;
    }

関連事項

テキストノードとTextインタフェイス (平成21年12月18日)
テキストノードとテキストノードに実装されているTextインタフェイスについて
parentNodeプロパティ
当該ノードの親ノード
childNodesプロパティ
当該ノードの子ノードの配列
previousSiblingプロパティ
当該ノードの直前の兄弟ノード
nextSiblingプロパティ
当該ノードの直後の兄弟ノード
createTextNode()メソッド
テキストノードを新規生成するメソッド
normalize()メソッド
要素ノードの下位にある連続したテキスト子孫ノードを一つにまとめる事で正規化するメソッド

しらぎくのウェブサイト作成入門サイトマップ

marguerite.site@gmail.com