Online PHP editor | output for 1sj7s

@ 2017-12-16T18:49:47Z

<?php
$html = '<table id="transactions" class="table">
    <thead>
        <tr>
            <th class="image"></th>
            <th class="title"><span>Title</span></th>
            <th class="date"><span>Date</span></th>
        </tr>
    </thead>
    <tbody>
        <tr class="tbody-tr">
            <td class="image">
                <img src="http://www.example.com/image.jpg">
            </td>
            <td class="title">Title
            </td>
            <td class="date">12/16/2017
            </td>
        </tr>
        <tr class="tbody-tr">
            <td class="image">
                <img src="http://www.example.com/image.jpg">
            </td>
            <td class="title">Title
            </td>
            <td class="date">12/16/2017
            </td>
        </tr>
    </tbody>
</table>';

$doc = new DOMDocument();
$doc->loadHTML($html);
$doc->formatOutput = true;

foreach ($doc->getElementsByTagName('tr') as $tr) {
    
    // insert into thead > th
    if ($tr->childNodes->item(0)->nodeName == 'th') {
        $th = $doc->createElement('th');
        $th->setAttribute('class', 'example');
        $th->nodeValue = 'Example';
        $tr->insertBefore($th, $tr->childNodes->item(3));
    } 
    // insert into body > td
    else {
        $td = $doc->createElement('td');
        $td->setAttribute('class', 'example');

        $tr->insertBefore($td, $tr->childNodes->item(3));
    }
}

echo $doc->saveHTML();

Output for 8.0.30, 8.1.22 - 8.1.30, 8.2.9 - 8.2.25, 8.3.0 - 8.3.13: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd"> <html><body><table id="transactions" class="table"> <thead> <tr> <th class="image"></th> <td class="example"></td> <th class="title"><span>Title</span></th> <th class="date"><span>Date</span></th> </tr> </thead> <tbody> <tr class="tbody-tr"> <td class="image"> <img src="http://www.example.com/image.jpg"> </td> <td class="example"></td> <td class="title">Title </td> <td class="date">12/16/2017 </td> </tr> <tr class="tbody-tr"> <td class="image"> <img src="http://www.example.com/image.jpg"> </td> <td class="example"></td> <td class="title">Title </td> <td class="date">12/16/2017 </td> </tr> </tbody> </table></body></html>
Output for 5.6.0 - 5.6.40, 7.0.0 - 7.0.33, 7.1.0 - 7.1.33, 7.2.0 - 7.2.34, 7.3.0 - 7.3.33, 7.4.0 - 7.4.33, 8.0.0 - 8.0.29, 8.1.0 - 8.1.21, 8.2.0 - 8.2.8: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd"> <html><body><table id="transactions" class="table"> <thead><tr> <th class="image"></th> <th class="title"><span>Title</span></th> <th class="example">Example</th> <th class="date"><span>Date</span></th> </tr></thead> <tbody> <tr class="tbody-tr"> <td class="image"> <img src="http://www.example.com/image.jpg"> </td> <td class="title">Title </td> <td class="example"></td> <td class="date">12/16/2017 </td> </tr> <tr class="tbody-tr"> <td class="image"> <img src="http://www.example.com/image.jpg"> </td> <td class="title">Title </td> <td class="example"></td> <td class="date">12/16/2017 </td> </tr> </tbody> </table></body></html>

preferences:dark modelive preview