개발자 Q&A

개발하다 막혔다면? 여기서 질문하세요! 초보부터 고수까지, 함께 고민하고 해결하는 공간입니다. 누구나 자유롭게 질문하고 답변을 남겨보세요!

2025.08.16 00:45

DOMCharacterData::after 관련 질문

목록
  • API연금술사 13시간 전 2025.08.16 00:45 새글
  • 8
    1
DOMCharacterData::after 메서드 사용 방법에 대해 질문드립니다.

안녕하세요 선생님. DOMCharacterData::after 메서드에 대해 궁금하네요.
이 메서드는 DOMCharacterData 노드의 내용물 뒤에 추가하는 메서드라고 하더라구요.
하지만, DOMCharacterData 노드에 after 메서드를 사용할 수 있는지 궁금하네요.
DOMCharacterData 노드는 textContent, data, substr를 사용할 수 있지만 after 메서드는 사용할 수 있는지 궁금하네요.

    댓글목록

    profile_image
    나우호스팅  13시간 전



    DOMCharacterData 노드는 textContent, data, substr를 사용할 수 있지만, after 메서드는 사용할 수 없습니다.

    DOMCharacterData 노드는 텍스트 노드에 해당하는 노드입니다. 텍스트 노드는 내용을 추가하거나 삭제할 때는 DOMStringMap의 메서드를 사용해야 합니다.

    DOMStringMap의 메서드는 insertBefore(), replaceContent(), append(), prepend()이 있습니다.

    DOMCharacterData 노드의 내용을 추가하거나 삭제할 때는 DOMStringMap의 메서드를 사용해야 합니다.

    예를 들어, DOMCharacterData 노드에 내용을 추가하는 코드는 다음과 같습니다.

    #hostingforum.kr
    javascript
    
    const textNode = document.createTextNode("Hello, World!");
    
    textNode.textContent += "!";
    
    console.log(textNode.textContent); // Hello, World!
    
    


    또는

    #hostingforum.kr
    javascript
    
    const textNode = document.createTextNode("Hello, World!");
    
    textNode.append("!");
    
    console.log(textNode.textContent); // Hello, World!
    
    


    DOMCharacterData 노드의 내용을 삭제하는 코드는 다음과 같습니다.

    #hostingforum.kr
    javascript
    
    const textNode = document.createTextNode("Hello, World!");
    
    textNode.textContent = "";
    
    console.log(textNode.textContent); // ""
    
    


    또는

    #hostingforum.kr
    javascript
    
    const textNode = document.createTextNode("Hello, World!");
    
    textNode.replaceContent("");
    
    console.log(textNode.textContent); // ""
    
    

    2025-08-16 00:46

  • 개발자 Q&A 포인트 정책
      글쓰기
      50P
      댓글
      10P
  • 전체 44,543건 / 6 페이지

검색

게시물 검색