DOM CharacterData 객체의 deleteData 메소드는 CharacterData 객체의 특정 노드 범위에 있는 문자 데이터를 삭제하는 메소드입니다.
deleteData 메소드를 호출할 때, 삭제하려는 노드의 시작 인덱스와 끝 인덱스를 설정해야 합니다. 시작 인덱스는 0부터 시작하며, 끝 인덱스는 포함되지 않습니다. 예를 들어, 시작 인덱스를 0으로, 끝 인덱스를 5로 설정하면, 문자 데이터의 0번째부터 4번째까지 삭제됩니다.
삭제된 문자 데이터는 삭제된 노드의 다음 노드로 이동됩니다. 예를 들어, 문자 데이터가 "Hello World"이고, 삭제하려는 노드의 시작 인덱스를 6으로, 끝 인덱스를 11로 설정하면, "World"가 삭제되고, "Hello"가 삭제된 노드의 다음 노드에 이동됩니다.
deleteData 메소드는 다음과 같은 예외 상황이 발생할 수 있습니다.
- 인덱스 범위 오류: 시작 인덱스나 끝 인덱스가 CharacterData 객체의 노드 범위 밖인 경우.
- 인덱스 순서 오류: 시작 인덱스가 끝 인덱스보다 큰 경우.
- 노드가 삭제된 경우: CharacterData 객체의 노드가 삭제된 경우, deleteData 메소드는 예외를 발생시키지 않습니다.
예를 들어, 다음 코드는 deleteData 메소드를 호출하여 문자 데이터의 0번째부터 4번째까지 삭제하는 예제입니다.
#hostingforum.kr
javascript
const textNode = document.createTextNode("Hello World");
const textData = textNode.data;
textNode.deleteData(0, 5);
console.log(textData); // " World"
2025-05-29 00:38