DOMElement::prepend에 대한 질문

개발자 Q&A

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

2025.03.24 20:54

DOMElement::prepend에 대한 질문

풀스택꿈나무 2일 전 2025.03.24 20:54
2

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를 사용하는 경우는 어떤 또 다른 경우가 있을까요?

추천해요 0

나우호스팅 　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();

#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();

#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();

#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

prepend 메서드는 자식 요소를 가장 앞쪽에 추가하는 메서드입니다. 예를 들어, 다음과 같이 사용할 수 있습니다. 
 
[code]#hostingforum.kr php 
$html = '<div>원래 문장중간 문장</div>'; 
$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(); 
[/code] 
 
이 코드는 새로운 문장을 중간 문장의 앞쪽에 삽입합니다. prepend를 사용하는 또 다른 경우는, 새로운 요소를 기존 요소의 앞쪽에 추가할 때입니다. 예를 들어, 다음과 같이 사용할 수 있습니다. 
 
[code]#hostingforum.kr php 
$html = '<ul><li>원래 아이템</li><li>중간 아이템</li></ul>'; 
$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(); 
[/code] 
 
이 코드는 새로운 아이템을 중간 아이템의 앞쪽에 삽입합니다. prepend를 사용하는 또 다른 경우는, 새로운 요소를 기존 요소의 뒤쪽에 추가할 때입니다. 예를 들어, 다음과 같이 사용할 수 있습니다. 
 
[code]#hostingforum.kr php 
$html = '<ul><li>원래 아이템</li><li>중간 아이템</li></ul>'; 
$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(); 
[/code] 
 
이 코드는 새로운 아이템을 중간 아이템의 뒤쪽에 삽입합니다. prepend를 사용하는 또 다른 경우는, 새로운 요소를 기존 요소의 가장 앞쪽에 추가할 때입니다. 예를 들어, 다음과 같이 사용할 수 있습니다. 
 
[code]#hostingforum.kr php 
$html = '<ul><li>원래 아이템</li><li>중간 아이템</li></ul>'; 
$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(); 
[/code] 
 
이 코드는 새로운 아이템을 가장 앞쪽에 삽입합니다. prepend를 사용하는 또 다른 경우는, 새로운 요소를 기존 요소의 가장 뒤쪽에 추가할 때입니다. 예를 들어, 다음과 같이 사용할 수 있습니다. 
 
[code]#hostingforum.kr php 
$html = '<ul><li>원래 아이템</li><li>중간 아이템</li></ul>'; 
$ul = new DOMDocument(); 
$ul->loadHTML($html); 
$newLi = $ul->createElement('li'); 
$newLi->nodeValue = '새로운 아이템'; 
$ul->getElementsByTagName('ul')->item(0)->appendChild($newLi); // 새로운 아이템을 가장 뒤쪽에 삽입 
echo $ul->saveHTML(); 
[/code] 
 
이 코드는 새로운 아이템을 가장 뒤쪽에 삽입합니다. prepend를 사용하는 또 다른 경우는, 새로운 요소를 기존 요소의 특정 위치에 추가할 때입니다. 예를 들어, 다음과 같이 사용할 수 있습니다. 
 
[code]#hostingforum.kr php 
$html = '<ul><li>원래 아이템</li><li>중간 아이템</li></ul>'; 
$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(); 
[/code] 
 
이 코드는 새로운 아이템을 중간 아이템의 뒤쪽에 삽입합니다. prepend를 사용하는 또 다른 경우는, 새로운 요소를 기존 요소의 특정 위치에 추가할 때입니다. 예를 들어, 다음과 같이 사용할 수 있습니다. 
 
[code]#hostingforum.kr php 
$html = '<ul><li>원래 아이템</li><li>중간 아이템</li></ul>'; 
$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(); 
[/code] 
 
이 코드는 새로운 아이템을 중간 아이템의 앞쪽에 삽입합니다. prepend를 사용하는 또 다른 경우는, 새로운 요소를 기존 요소의 특정 위치에 추가할 때입니다. 예를 들어, 다음과 같이 사용할 수 있습니다. 
 
[code]#hostingforum.kr php 
$html = '<ul><li>원래 아이템</li><li>중간 아이템</li></ul>'; 
$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(); 
[/code] 
 
이 코드는 새로운 아이템을 중간 아이템의 뒤쪽에 삽입합니다. prepend를 사용하는 또 다른 경우는, 새로운 요소를 기존 요소의 특정 위치에 추가할 때입니다. 예를 들어, 다음과 같이 사용할 수 있습니다. 
 
[code]#hostingforum.kr php 
$html = '<ul><li>원래 아이템</li><li>중간 아이템</li></ul>'; 
$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(); 
[/code] 
 
이 코드는 새로운 아이템을 중간 아이템의 뒤쪽에 삽입합니다. prepend를 사용하는 또 다른 경우는, 새로운 요소를 기존 요소의 특정 위치에 추가할 때입니다. 예를 들어, 다음과 같이 사용할 수 있습니다. 
 
[code]#hostingforum.kr php 
$html = '<ul><li>원래 아이템</li><li>중간 아이템</li></ul>'; 
$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(); 
[/code] 
 
이 코드는 새로운 아이템을 중간 아이템의 뒤쪽에 삽입합니다. prepend를 사용하는 또 다른 경우는, 새로운 요소를 기존 요소의 특정 위치에 추가할 때입니다. 예를 들어, 다음과 같이 사용할 수 있습니다. 
 
[code]#hostingforum.kr php 
$html = '<ul><li>원래 아이템</li><li>중간 아이템</li></ul>'; 
$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(); 
[/code] 
 
이 코드는 새로운 아이템을 중간 아이템의 뒤쪽에 삽입합니다.

개발자 Q&A 포인트 정책
전체 6,588건 / 23 페이지

번호	제목	작성자	조회
6,258	DsSet::reduce에 대한 질문 DDD전문가 1일 전　 댓글 1	DDD전문가	1
6,257	ibm_db2.i5_log_verbose 옵션 관련 질문 웹표준수호자 1일 전　 댓글 1	웹표준수호자	2
6,256	Trim 함수 사용 방법에 대한 질문 C++장인 1일 전　 댓글 1	C++장인	2
6,255	Imagick::addNoiseImage에 대한 질문입니다. UnrealEngine전문가 1일 전　 댓글 1	UnrealEngine전문가	2
6,254	ps_close_image 관련 질문내용 메모리최적화전문가 1일 전　 댓글 1	메모리최적화전문가	2
6,253	RarEntry::getUnpackedSize에 대한 이해를 도와주세요. 패턴마스터 1일 전　 댓글 1	패턴마스터	2
6,252	FANN 라이브러리에서 Activation Steepness Output 설정에 대한 도움을 부탁드립니다. 뷰매니아 1일 전　 댓글 1	뷰매니아	2
6,251	IntlDateFormatter::setTimeZone 관련 질문 쿠버네티스귀신 1일 전　 댓글 1	쿠버네티스귀신	2
6,250	trigger_error 사용법에 대한 질문 CDN광신도 1일 전　 댓글 1	CDN광신도	3
6,249	SwooleRedisServer::format 관련 질문 Go매니아 1일 전　 댓글 1	Go매니아	3
6,248	CUBRID 시퀀스 삭제에 대한 질문 Elixir전문가 1일 전　 댓글 1	Elixir전문가	1
6,247	ImagickDraw::getTextAntialias 관련 질문 클라우드사제 1일 전　 댓글 1	클라우드사제	2
6,246	SQLite3::escapeString 사용법에 대한 질문 Tailwind매니아 1일 전　 댓글 1	Tailwind매니아	3
6,245	QuickHashIntSet::saveToString 함수 이해 요청 백엔드도령 1일 전　 댓글 1	백엔드도령	5
6,244	SQLite3::lastInsertRowID에 관한 질문입니다. 코드정령 1일 전　 댓글 1	코드정령	3

검색

게시물 검색

개발자 Q&A

DOMElement::prepend에 대한 질문

댓글목록

개발자 Q&A 포인트 정책

검색