지정된 인수에의하여 텍스트 노드를 분리한다.

인수/파라메터
object : (텍스트노드 개체)

필수적인 요소이며, 분할할 TextNode 개체이다.

iIndex : (인수)
선택적인 요소이며, 어디서 분리가 이루어지는가를 나타내는 문자열 인수(ndex )를 지정하는 정수값이다. 이 인수가 제공되지 않으면 분리된 새로운 텍스트 노드는 값이 없다.
반환값

반환값 oSplitNode는 분리된 텍스트 노드이다.

특기

splitText 메서드에 의한 텍스트노드는 값의 부분 문자열과 0과 iIndex 사이의 같은 nodeValue를 갖는다. 새로운 TextNode는 원래값의 부분문자열네 지정된 인수로부터 길이값까지의 nodeValue를 갖는다. 문서가 저장되거나 유지되면 TextNode의 완결성은 유지되지 않는다.

적용
개체scriptIE
참조
createElement

이 메서드는 (영어)DOM Level 1(Document Object Model Level 1)에서 정의되었다.


  1. 목록 항목 1. splitText 메서드에 의한 텍스트노드는 값의 부분 문자열과 0과 iIndex 사이의 같은 nodeValue를 갖는다. 새로운 TextNode는 원래값의 부분문자열네 지정된 인수로부터 길이값까지의 nodeValue를 갖는다. 문서가 저장되거나 유지되면 TextNode의 완결성은 유지되지 않는다.
  2. 목록 항목 2.
결과 표시창

splitText 메서드로 문장을 반으로 자르고, 반환값으로 createElement로 생성된 li 엘레멘트를 appendChild 메서드로 ul 목록의 제일뒤에 첨부하여 다시 자름은 반복한다.

<SCRIPT>
function doSplit(){
  var oNode=oList.firstChild.childNodes(0);
  if (oNode.length >1){
    var oNewNode=document.createElement('LI');
    var oSplitNode = oNode.splitText(oNode.nodeValue.length/2);
    oList.appendChild(oNewNode);
    oNewNode.appendChild(oSplitNode);
    showA.innerHTML='oSplitNode.innerText='+oNewNode.innerText+'<BR>';
    showA.innerHTML+='oSplitNode.length='+oSplitNode.length;
  }
}
</SCRIPT>
<OL onclick="doSplit()" id="oList">
<LI>목록 항목 1. splitText 메서드에 의한 텍스트노드는 값의 부분 문자열과 0과 iIndex 사이의 같은 nodeValue를 갖는다.
새로운 TextNode는 원래값의 부분문자열네 지정된 인수로부터 길이값까지의 nodeValue를 갖는다.
문서가 저장되거나 유지되면 TextNode의 완결성은 유지되지 않는다.
<LI>목록 항목 2.
</OL>
<BUTTON onclick="doSplit()">반나누기</BUTTON>
<DIV id=showA>결과 표시창</DIV>