Menu
I have a large html document, with several images. I want to wrap all the images inside div.wrapped. How would I do this with DOMDocument?
I've seen the appendChild method, but that only appends elements at the end. How can I insert one in the middle, and then move the image inside it?
657
I never used DOMdocument before, but I think you mean something like this:
$html = <<<EOF
<html>
<head>
<title>:( -> :)</title>
</head>
<body>
<img src="www.com" />
<div class="random">
<img src="www.ru" />
</div>
</body>
</html>
EOF;
$dom = new DOMDocument();
$dom->loadHTML($html);
//Create new wrapper div
$new_div = $dom->createElement('div');
$new_div->setAttribute('class','wrapper');
//Find all images
$images = $dom->getElementsByTagName('img');
//Iterate though images
foreach ($images AS $image) {
//Clone our created div
$new_div_clone = $new_div->cloneNode();
//Replace image with this wrapper div
$image->parentNode->replaceChild($new_div_clone,$image);
//Append this image to wrapper div
$new_div_clone->appendChild($image);
}
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
