
DOMCharacterData::replaceData 메서드는 CharacterData 노드의 일부 데이터를 다른 데이터로 교체하는 메서드입니다. 이 메서드의 인자로 전달하는 startOffset와 count의 사용 방법은 다음과 같습니다.
startOffset는 교체할 데이터의 시작 위치를 나타내며, 0부터 시작합니다. 예를 들어, text 노드의 처음 5개의 문자를 교체할 때, startOffset는 0으로 설정됩니다.
count는 교체할 데이터의 길이를 나타내며, startOffset부터 시작하여 count만큼의 데이터를 교체합니다. 예를 들어, text 노드의 처음 5개의 문자를 교체할 때, count는 5로 설정됩니다.
따라서, text 노드의 처음 5개의 문자를 'Goodbye'로 교체할 때, startOffset는 0으로 설정되고, count는 5로 설정됩니다. 이 경우, text 노드의 처음 5개의 문자인 'Hello'가 'Goodbye'로 교체되어 'Goodbye'가 출력됩니다.
이러한 이유로, text 노드의 처음 5개의 문자를 'Goodbye'로 교체할 때, 'Goodbye, World!'가 출력되지 않고 'Goodbye!'만 출력됩니다.
이 메서드의 사용 방법은 다음과 같습니다.
#hostingforum.kr
javascript
var text = document.createTextNode('Hello, World!');
text.replaceData(0, 5, 'Goodbye'); // 'Goodbye!'가 출력됩니다.
startOffset와 count 인자의 시작 인덱스는 0부터 시작합니다.
2025-03-04 15:00