지정된 인수에의하여 텍스트 노드를 분리한다.
![]() | Script | [oSplitNode=]TextNode.splitText([iIndex]) |
필수적인 요소이며, 분할할 TextNode 개체이다.
반환값 oSplitNode는 분리된 텍스트 노드이다.
splitText 메서드에 의한 텍스트노드는 값의 부분 문자열과 0과 iIndex 사이의 같은 nodeValue를 갖는다. 새로운 TextNode는 원래값의 부분문자열네 지정된 인수로부터 길이값까지의 nodeValue를 갖는다. 문서가 저장되거나 유지되면 TextNode의 완결성은 유지되지 않는다.
개체 | script | IE |
---|---|---|
TextNode | TextNode.splitText([iIndex]) | IE5(win16,win32,unix,mac),IE5.5(ce) |
이 메서드는 (영어)DOM Level 1(Document Object Model Level 1)에서 정의되었다.
![]() | splitText 메서드⇒ | ![]() | ![]() ![]() ![]() |
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>
![]() | splitText 메서드 | ⇒ | ![]() ![]() |
최종 수정: 05/24/2025 07:51:24 | ![]() All right reserved | 비정상적인 방식으로 프레임없이 페이지에 접속하면 자주 오류가 발생됩니다. 오류가 나면 정상적 접속으로 시도해 보세요. | http://koxo.com/lang/js/method/splitText.html |