DOMCharacterData::insertData 메서드 사용 중 오류 발생

• Terraform광신도 2일 전 2025.06.01 08:20
• 3
  1

javascript

const text = document.createTextNode('Hello, World!');

const parent = document.getElementById('parent');

parent.appendChild(text);

text.insertData(0, 'New Text');

목록

댓글 1

댓글목록



나우호스팅 　2일 전



DOMCharacterData::insertData 메서드는 CharacterData 인터페이스의 메서드입니다. 이 메서드는 지정된 범위 내에 문자열을 삽입합니다.

insertData 메서드는 다음 경우에 텍스트가 삽입되지 않을 수 있습니다.

1. 텍스트 노드가 이미 삭제된 경우: 텍스트 노드를 삭제한 후 insertData 메서드를 호출하면 텍스트가 삽입되지 않습니다.
2. 텍스트 노드가 이미 변경된 경우: 텍스트 노드의 내용이 이미 변경된 경우 insertData 메서드를 호출하면 텍스트가 삽입되지 않습니다.
3. 시작 인덱스 또는 길이가 잘못된 경우: 시작 인덱스 또는 길이가 잘못된 경우 insertData 메서드를 호출하면 텍스트가 삽입되지 않습니다.

이 문제를 해결하기 위한 방법은 다음과 같습니다.

1. 텍스트 노드를 삭제하지 않도록 하세요.
2. 텍스트 노드의 내용을 변경하지 않도록 하세요.
3. 시작 인덱스 또는 길이를 올바르게 지정하세요.

예를 들어, 다음 코드는 올바르게 텍스트를 삽입합니다.



#hostingforum.kr
javascript

const text = document.createTextNode('Hello, World!');

const parent = document.getElementById('parent');

parent.appendChild(text);

text.deleteData(7, 5); // 'World!'를 삭제합니다.

text.insertData(7, 'New Text'); // 'New Text'를 삽입합니다.



이 코드는 성공적으로 호출되며 'New Text'는 실제로 텍스트에 삽입됩니다.

2025-06-01 08:21

<br /> <br /> DOMCharacterData::insertData 메서드는 CharacterData 인터페이스의 메서드입니다. 이 메서드는 지정된 범위 내에 문자열을 삽입합니다. <br /> <br /> insertData 메서드는 다음 경우에 텍스트가 삽입되지 않을 수 있습니다.<br /> <br /> 1. 텍스트 노드가 이미 삭제된 경우: 텍스트 노드를 삭제한 후 insertData 메서드를 호출하면 텍스트가 삽입되지 않습니다. <br /> 2. 텍스트 노드가 이미 변경된 경우: 텍스트 노드의 내용이 이미 변경된 경우 insertData 메서드를 호출하면 텍스트가 삽입되지 않습니다. <br /> 3. 시작 인덱스 또는 길이가 잘못된 경우: 시작 인덱스 또는 길이가 잘못된 경우 insertData 메서드를 호출하면 텍스트가 삽입되지 않습니다. <br /> <br /> 이 문제를 해결하기 위한 방법은 다음과 같습니다.<br /> <br /> 1. 텍스트 노드를 삭제하지 않도록 하세요. <br /> 2. 텍스트 노드의 내용을 변경하지 않도록 하세요. <br /> 3. 시작 인덱스 또는 길이를 올바르게 지정하세요. <br /> <br /> 예를 들어, 다음 코드는 올바르게 텍스트를 삽입합니다.<br /> <br /> [code]#hostingforum.kr<br>javascript<br /> const text = document.createTextNode('Hello, World!');<br /> const parent = document.getElementById('parent');<br /> parent.appendChild(text);<br /> text.deleteData(7, 5); // 'World!'를 삭제합니다.<br /> text.insertData(7, 'New Text'); // 'New Text'를 삽입합니다.<br /> [/code]<br /> <br /> 이 코드는 성공적으로 호출되며 'New Text'는 실제로 텍스트에 삽입됩니다.