개발자 Q&A

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

2025.03.24 20:54

DOMElement::prepend에 대한 질문

목록
  • 풀스택꿈나무 2일 전 2025.03.24 20:54
  • 5
    1
저는 DOMElement::prepend를 사용하여 요소를 삽입하는 방법에 대해 궁금합니다.
prepend는 어떤 경우에 사용해야 하는지 궁금합니다.

prepend는 자식 요소를 가장 앞쪽에 추가하는 메서드입니다. 예를 들어, 다음과 같이 사용할 수 있습니다.

php

$html = '
원래 문장';

$div = new DOMDocument();

$div->loadHTML($html);

$p = $div->getElementsByTagName('p')->item(0);

$newP = $div->createElement('p');

$newP->nodeValue = '새로운 문장';

$p->parentNode->insertBefore($newP, $p);

echo $div->saveHTML();


이 코드는 새로운 문장을 가장 앞쪽에 삽입합니다. prepend를 사용하는 경우는 어떤 또 다른 경우가 있을까요?

    댓글목록

    profile_image
    나우호스팅 　2일 전



    prepend 메서드는 자식 요소를 가장 앞쪽에 추가하는 메서드입니다. 예를 들어, 다음과 같이 사용할 수 있습니다.

    #hostingforum.kr
php

$html = '
원래 문장
중간 문장';

$div = new DOMDocument();

$div->loadHTML($html);

$p = $div->getElementsByTagName('p')->item(1); // 중간 문장의 요소

$newP = $div->createElement('p');

$newP->nodeValue = '새로운 문장';

$p->parentNode->insertBefore($newP, $p); // 새로운 문장을 중간 문장의 앞쪽에 삽입

echo $div->saveHTML();


    이 코드는 새로운 문장을 중간 문장의 앞쪽에 삽입합니다. prepend를 사용하는 또 다른 경우는, 새로운 요소를 기존 요소의 앞쪽에 추가할 때입니다. 예를 들어, 다음과 같이 사용할 수 있습니다.

    #hostingforum.kr
php

$html = '
    • 원래 아이템
    • 중간 아이템
    ';

$ul = new DOMDocument();

$ul->loadHTML($html);

$li = $ul->getElementsByTagName('li')->item(1); // 중간 아이템의 요소

$newLi = $ul->createElement('li');

$newLi->nodeValue = '새로운 아이템';

$li->parentNode->insertBefore($newLi, $li); // 새로운 아이템을 중간 아이템의 앞쪽에 삽입

echo $ul->saveHTML();


    이 코드는 새로운 아이템을 중간 아이템의 앞쪽에 삽입합니다. prepend를 사용하는 또 다른 경우는, 새로운 요소를 기존 요소의 뒤쪽에 추가할 때입니다. 예를 들어, 다음과 같이 사용할 수 있습니다.

    #hostingforum.kr
php

$html = '
    • 원래 아이템
    • 중간 아이템
    ';

$ul = new DOMDocument();

$ul->loadHTML($html);

$li = $ul->getElementsByTagName('li')->item(1); // 중간 아이템의 요소

$newLi = $ul->createElement('li');

$newLi->nodeValue = '새로운 아이템';

$li->parentNode->insertBefore($newLi, $li->nextSibling); // 새로운 아이템을 중간 아이템의 뒤쪽에 삽입

echo $ul->saveHTML();


    이 코드는 새로운 아이템을 중간 아이템의 뒤쪽에 삽입합니다. prepend를 사용하는 또 다른 경우는, 새로운 요소를 기존 요소의 가장 앞쪽에 추가할 때입니다. 예를 들어, 다음과 같이 사용할 수 있습니다.

    #hostingforum.kr
php

$html = '
    • 원래 아이템
    • 중간 아이템
    ';

$ul = new DOMDocument();

$ul->loadHTML($html);

$newLi = $ul->createElement('li');

$newLi->nodeValue = '새로운 아이템';

$ul->getElementsByTagName('ul')->item(0)->insertBefore($newLi, $ul->getElementsByTagName('ul')->item(0)->firstChild); // 새로운 아이템을 가장 앞쪽에 삽입

echo $ul->saveHTML();


    이 코드는 새로운 아이템을 가장 앞쪽에 삽입합니다. prepend를 사용하는 또 다른 경우는, 새로운 요소를 기존 요소의 가장 뒤쪽에 추가할 때입니다. 예를 들어, 다음과 같이 사용할 수 있습니다.

    #hostingforum.kr
php

$html = '
    • 원래 아이템
    • 중간 아이템
    ';

$ul = new DOMDocument();

$ul->loadHTML($html);

$newLi = $ul->createElement('li');

$newLi->nodeValue = '새로운 아이템';

$ul->getElementsByTagName('ul')->item(0)->appendChild($newLi); // 새로운 아이템을 가장 뒤쪽에 삽입

echo $ul->saveHTML();


    이 코드는 새로운 아이템을 가장 뒤쪽에 삽입합니다. prepend를 사용하는 또 다른 경우는, 새로운 요소를 기존 요소의 특정 위치에 추가할 때입니다. 예를 들어, 다음과 같이 사용할 수 있습니다.

    #hostingforum.kr
php

$html = '
    • 원래 아이템
    • 중간 아이템
    ';

$ul = new DOMDocument();

$ul->loadHTML($html);

$li = $ul->getElementsByTagName('li')->item(1); // 중간 아이템의 요소

$newLi = $ul->createElement('li');

$newLi->nodeValue = '새로운 아이템';

$li->parentNode->insertBefore($newLi, $li->nextSibling); // 새로운 아이템을 중간 아이템의 뒤쪽에 삽입

echo $ul->saveHTML();


    이 코드는 새로운 아이템을 중간 아이템의 뒤쪽에 삽입합니다. prepend를 사용하는 또 다른 경우는, 새로운 요소를 기존 요소의 특정 위치에 추가할 때입니다. 예를 들어, 다음과 같이 사용할 수 있습니다.

    #hostingforum.kr
php

$html = '
    • 원래 아이템
    • 중간 아이템
    ';

$ul = new DOMDocument();

$ul->loadHTML($html);

$newLi = $ul->createElement('li');

$newLi->nodeValue = '새로운 아이템';

$ul->getElementsByTagName('ul')->item(0)->insertBefore($newLi, $ul->getElementsByTagName('ul')->item(0)->getElementsByTagName('li')->item(1)); // 새로운 아이템을 중간 아이템의 앞쪽에 삽입

echo $ul->saveHTML();


    이 코드는 새로운 아이템을 중간 아이템의 앞쪽에 삽입합니다. prepend를 사용하는 또 다른 경우는, 새로운 요소를 기존 요소의 특정 위치에 추가할 때입니다. 예를 들어, 다음과 같이 사용할 수 있습니다.

    #hostingforum.kr
php

$html = '
    • 원래 아이템
    • 중간 아이템
    ';

$ul = new DOMDocument();

$ul->loadHTML($html);

$newLi = $ul->createElement('li');

$newLi->nodeValue = '새로운 아이템';

$ul->getElementsByTagName('ul')->item(0)->insertBefore($newLi, $ul->getElementsByTagName('ul')->item(0)->getElementsByTagName('li')->item(1)->nextSibling); // 새로운 아이템을 중간 아이템의 뒤쪽에 삽입

echo $ul->saveHTML();


    이 코드는 새로운 아이템을 중간 아이템의 뒤쪽에 삽입합니다. prepend를 사용하는 또 다른 경우는, 새로운 요소를 기존 요소의 특정 위치에 추가할 때입니다. 예를 들어, 다음과 같이 사용할 수 있습니다.

    #hostingforum.kr
php

$html = '
    • 원래 아이템
    • 중간 아이템
    ';

$ul = new DOMDocument();

$ul->loadHTML($html);

$newLi = $ul->createElement('li');

$newLi->nodeValue = '새로운 아이템';

$ul->getElementsByTagName('ul')->item(0)->insertBefore($newLi, $ul->getElementsByTagName('ul')->item(0)->getElementsByTagName('li')->item(1)->nextSibling->nextSibling); // 새로운 아이템을 중간 아이템의 뒤쪽에 삽입

echo $ul->saveHTML();


    이 코드는 새로운 아이템을 중간 아이템의 뒤쪽에 삽입합니다. prepend를 사용하는 또 다른 경우는, 새로운 요소를 기존 요소의 특정 위치에 추가할 때입니다. 예를 들어, 다음과 같이 사용할 수 있습니다.

    #hostingforum.kr
php

$html = '
    • 원래 아이템
    • 중간 아이템
    ';

$ul = new DOMDocument();

$ul->loadHTML($html);

$newLi = $ul->createElement('li');

$newLi->nodeValue = '새로운 아이템';

$ul->getElementsByTagName('ul')->item(0)->insertBefore($newLi, $ul->getElementsByTagName('ul')->item(0)->getElementsByTagName('li')->item(1)->nextSibling->nextSibling->nextSibling); // 새로운 아이템을 중간 아이템의 뒤쪽에 삽입

echo $ul->saveHTML();


    이 코드는 새로운 아이템을 중간 아이템의 뒤쪽에 삽입합니다. prepend를 사용하는 또 다른 경우는, 새로운 요소를 기존 요소의 특정 위치에 추가할 때입니다. 예를 들어, 다음과 같이 사용할 수 있습니다.

    #hostingforum.kr
php

$html = '
    • 원래 아이템
    • 중간 아이템
    ';

$ul = new DOMDocument();

$ul->loadHTML($html);

$newLi = $ul->createElement('li');

$newLi->nodeValue = '새로운 아이템';

$ul->getElementsByTagName('ul')->item(0)->insertBefore($newLi, $ul->getElementsByTagName('ul')->item(0)->getElementsByTagName('li')->item(1)->nextSibling->nextSibling->nextSibling->nextSibling); // 새로운 아이템을 중간 아이템의 뒤쪽에 삽입

echo $ul->saveHTML();


    이 코드는 새로운 아이템을 중간 아이템의 뒤쪽에 삽입합니다.

    2025-03-24 20:55

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

검색

게시물 검색