SYNCERのロゴ
アイキャッチ画像

Text.splitText() - 分割する

splitText()は、Textのメソッドです。テキストを指定した位置で分割します。

概要

名前
splitText
所属
Text
IDL
[NewObject] Text splitText(unsigned long offset);
仕様書
https://dom.spec.whatwg.org/#dom-text-splittext

説明

引数(offset)には分割位置を表す数値を指定します。負の数は指定できません。

元のテキストは、先頭から分割位置までに変更されます。

分割位置から末尾までのテキストを返します。

分割位置の指定方法
分割位置の指定方法

チュートリアル

"SYNCER"という文字を分割する例です。

var text1 = new Text( "SYNCER" ) ;
text2 = text1.splitText( 2 ) ;

text1 ;	// "SY" (先頭から2文字目まで)
text2 ;	// "NCER" (3文字目から末尾まで)

デモ

Text.splitText()のデモです。

<!-- このコードは編集できます。 -->

<!DOCTYPE html>
<html>
<head>
<style>
	body { white-space: pre-wrap ; }
</style>
</head>
<body>
<script>
var text1 = new Text( "SYNCER" ) ;
var text2 = text1.splitText( 2 ) ;

console.log( text1 ) ;
console.log( text2 ) ;

document.body.appendChild( text1 ) ;
document.body.appendChild( new Text( "\n" ) ) ;
document.body.appendChild( text2 ) ;
</script>
</body>
</html>

サポート状況

ChromeFirefoxSafariEdgeIEOperaiOS SafariAndroid
  • Twitterでシェア
  • Facebookでシェア
  • Google+でシェア
  • はてなブックマークでシェア
  • pocketに保存
  • LINEでシェア
更新履歴
2017年10月7日 (土)
コンテンツを公開しました。