DOMText::splitText를 사용하여 텍스트를 나누는 방법은 다음과 같습니다.
1. 텍스트 노드의 특정 위치를 인수로 전달하여 splitText 메소드를 호출합니다.
2. splitText 메소드는 텍스트 노드를 분할하여 두 개의 새로운 텍스트 노드를 반환합니다.
3. 첫 번째 텍스트 노드는 원래 텍스트 노드의 시작부터 지정된 위치까지의 텍스트를 포함합니다.
4. 두 번째 텍스트 노드는 지정된 위치부터 원래 텍스트 노드의 끝까지의 텍스트를 포함합니다.
예를 들어, 'Hello'와 'World'를 분리하고 싶을 때, 다음과 같이 코드를 작성할 수 있습니다.
#hostingforum.kr
javascript
const textNode = document.createTextNode('Hello World');
document.body.appendChild(textNode);
// 7번째 위치에서 텍스트를 분할합니다.
const splitNode = textNode.splitText(6);
// 첫 번째 텍스트 노드는 'Hello'를 포함합니다.
console.log(textNode.textContent); // Hello
// 두 번째 텍스트 노드는 'World'를 포함합니다.
console.log(splitNode.textContent); // World
이러한 방법으로 DOMText::splitText를 사용하여 텍스트를 나누고, 나누어진 텍스트 노드를 별도로 관리할 수 있습니다.
2025-05-21 05:07