Strip HTML tags and its contents

Question

I'm using DOM to parse string. I need function that strips span tags and its contents. For example, if I have:

This is some text that contains photo.
<span class='title'> photobyile</span>

I would like function to return

This is some text that contains photo.

This is what I tried:

    $dom = new domDocument;
    $dom->loadHTML($string);
    $dom->preserveWhiteSpace = false;
    $spans = $dom->getElementsByTagName('span');

    foreach($spans as $span)
    {
     $naslov = $span->nodeValue; 
     echo $naslov;

     $string = preg_replace("/$naslov/", " ", $string);
    }

I'm aware that $span->nodeValue returns value of span tag and not whole tag, but I don't know how to get whole tag, together with class name.

Thanks, Ile

Answer 1

Try removing the spans directly from the DOM tree.

$dom = new DOMDocument();
$dom->loadHTML($string);
$dom->preserveWhiteSpace = false;
$elements = $dom->getElementsByTagName('span');
$spans = array();
foreach($elements as $span) {
    $spans[] = $span;
}
foreach($spans as $span) {
    $span->parentNode->removeChild($span);
}
echo $dom->saveHTML();

Answer 2

If you don't need to use DOM, take a look at comments at strip_tags manual.

Answer 3

@Lukáš Lalinský: This is string with your code...

$string = '
    Some photos<br>
    <span class="naslov_slike">photo_by_ile_IMG_1676-01</span><br />
    <img alt="photo_by_ile_IMG_1676-01" src="http://localhost/sinj.com.hr/img/blog/82.jpg" /><br />
    <span class="naslov_slike">photo_by_ile_IMG_1699-01</span><br />
    <img alt="photo_by_ile_IMG_1699-01" src="http://localhost/sinj.com.hr/img/blog/90.jpg" /><br />
    <span class="naslov_slike">photo_by_ile_IMG_1697-01</span><br /><img alt="photo_by_ile_IMG_1697-01" src="http://localhost/sinj.com.hr/img/blog/89.jpg" /><br /><span class="naslov_slike">photo_by_ile_IMG_1695-01</span><br />
    <img alt="photo_by_ile_IMG_1695-01" src="http://localhost/sinj.com.hr/img/blog/88.jpg" />

    ';

    $dom = new domDocument;
    $dom->loadHTML($string);
    $dom->preserveWhiteSpace = false;
    $spans = $dom->getElementsByTagName('span');

    foreach($spans as $span)
    {

     $span->parentNode->removeChild($span);
    }

    echo $dom->saveHTML();

It removes every second span... Any idea why?

Answer 4

@ile - I've had that problem - it's because the index of the foreach iterator happily keeps incrementing, while calling removeChild() on the DOM also seems to remove the nodes from the DomNodeList ($spans). So for every span you remove, the nodelist shrinks one element and then gets its foreach counter incremented by one. Net result: it skips one span.

I'm sure there is a more elegant way, but this is how I did it - I moved the references from the DomNodeList to a second array, where they would not be removed by the removeChild() operation.

    foreach($spans as $span) {
        $nodes[] = $span;
    }
    foreach($nodes as $span) {
        $span->parentNode->removeChild($span);
    }