DomCharacterData::deleteData 함수에 대한 질문

• 반응형디자인매니아 13일 전 2025.03.08 22:42
• 7
  1

목록

댓글 1

댓글목록



나우호스팅 　13일 전



DOM CharacterData 클래스의 deleteData 함수는 특정 텍스트 노드의 특정 범위의 텍스트를 삭제하는 함수입니다.

deleteData 함수를 호출할 때, 노드의 텍스트 시작 인덱스와 끝 인덱스를 지정해야 합니다. 시작 인덱스는 0부터 시작하며, 끝 인덱스는 시작 인덱스보다 크거나 같아야 합니다.

예를 들어, 텍스트 노드의 전체 텍스트를 삭제하고 싶다면, 시작 인덱스를 0으로, 끝 인덱스를 노드의 텍스트 길이로 지정하면 됩니다.

deleteData 함수의 호출 예시는 다음과 같습니다.



#hostingforum.kr
javascript

var textNode = document.createTextNode("Hello World!");

textNode.deleteData(0, textNode.length); // 텍스트 노드의 전체 텍스트를 삭제



또한, 특정 범위의 텍스트를 삭제하고 싶다면, 시작 인덱스와 끝 인덱스를 지정하면 됩니다.



#hostingforum.kr
javascript

var textNode = document.createTextNode("Hello World!");

textNode.deleteData(6, 5); // "World"를 삭제

2025-03-08 22:43

<br /> <br /> DOM CharacterData 클래스의 deleteData 함수는 특정 텍스트 노드의 특정 범위의 텍스트를 삭제하는 함수입니다. <br /> <br /> deleteData 함수를 호출할 때, 노드의 텍스트 시작 인덱스와 끝 인덱스를 지정해야 합니다. 시작 인덱스는 0부터 시작하며, 끝 인덱스는 시작 인덱스보다 크거나 같아야 합니다. <br /> <br /> 예를 들어, 텍스트 노드의 전체 텍스트를 삭제하고 싶다면, 시작 인덱스를 0으로, 끝 인덱스를 노드의 텍스트 길이로 지정하면 됩니다. <br /> <br /> deleteData 함수의 호출 예시는 다음과 같습니다.<br /> <br /> [code]#hostingforum.kr<br>javascript<br /> var textNode = document.createTextNode("Hello World!");<br /> textNode.deleteData(0, textNode.length); // 텍스트 노드의 전체 텍스트를 삭제<br /> [/code]<br /> <br /> 또한, 특정 범위의 텍스트를 삭제하고 싶다면, 시작 인덱스와 끝 인덱스를 지정하면 됩니다.<br /> <br /> [code]#hostingforum.kr<br>javascript<br /> var textNode = document.createTextNode("Hello World!");<br /> textNode.deleteData(6, 5); // "World"를 삭제<br /> [/code]