Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
661 views
in Technique[技术] by (71.8m points)

php - Wrap all images with a div using DOMDocument

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?

See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)

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);
}

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

1.4m articles

1.4m replys

5 comments

57.0k users

...