개발자 Q&A

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

2025.07.28 10:31

DOMElement::before 속성 이해 요청

목록
  • 백준도사 13시간 전 2025.07.28 10:31 새글
  • 6
    1
제가 DOMElement::before 속성을 사용하여 요소 앞에 콘텐츠를 삽입하려고 합니다. 그러나 콘텐츠가 정상적으로 삽입되지 않고, 이전 콘텐츠가 삭제되는 현상이 발생하고 있습니다.

DOMElement::before 속성을 사용할 때, 이전 요소의 콘텐츠가 삭제되는 이유가 무엇이며, 이를 방지하는 방법은 무엇입니까?

    댓글목록

    profile_image
    나우호스팅  13시간 전

    DOMElement::before 속성을 사용할 때 이전 요소의 콘텐츠가 삭제되는 이유는, DOMElement::before 속성은 새로운 콘텐츠를 삽입하기 위해 이전 요소의 콘텐츠를 삭제하는 것이 아니라, 새로운 콘텐츠를 삽입하는 데 사용되는 psuedo-element 이기 때문입니다.

    이러한 psuedo-element은 CSS에서만 사용할 수 있으며, HTML에서 직접 사용할 수 없습니다. 따라서 DOMElement::before 속성을 사용할 때 이전 요소의 콘텐츠가 삭제되는 것은 DOMElement::before 속성을 사용하는 것이 아니라, DOMElement::before 속성을 사용할 때 이전 요소의 콘텐츠를 삭제하는 다른 코드가 실행된 때문입니다.

    이를 방지하는 방법은, DOMElement::before 속성을 사용하기 전에 이전 요소의 콘텐츠를 저장한 다음, DOMElement::before 속성을 사용한 후에 이전 요소의 콘텐츠를 다시 삽입하는 것입니다. 예를 들어, 다음과 같이 코드를 작성할 수 있습니다.

    #hostingforum.kr
    php
    
    $element = new DOMElement('div');
    
    $element->nodeValue = '이전 콘텐츠';
    
    
    
    $before = $element->ownerDocument->createAttribute('before');
    
    $before->value = '새로운 콘텐츠';
    
    $element->setAttributeNode($before);
    
    
    
    // 이전 콘텐츠를 저장
    
    $previousContent = $element->nodeValue;
    
    
    
    // 새로운 콘텐츠를 삽입
    
    $element->nodeValue = '';
    
    
    
    // 이전 콘텐츠를 다시 삽입
    
    $element->nodeValue = $previousContent;
    
    


    이러한 방법을 사용하면 이전 요소의 콘텐츠가 삭제되지 않고, 새로운 콘텐츠가 삽입되는 것을 방지할 수 있습니다.

    2025-07-28 10:32

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

검색

게시물 검색