Merging two DOMDocument nodes

Question

<table>
<tr>
    <th>Year</th>
    <th>Score</th>
</tr>
<tr>
    <td>2014</td>
    <td>3078</td>
</tr>
</table>

If I have the above table being successfully stored as a variable, how could I append it to a div with an overflow-x style attribute?

I've tried the following snippet but no cigar:

$div = str_get_html('<div style="overflow-x:auto;"></div>');

$div = $div->find('div');

$div = $div->appendChild($table);

return $div;

so expected output should be:

<div style="overflow-x:auto;">
<table>
    <tr>
        <th>Year</th>
        <th>Score</th>
    </tr>
    <tr>
        <td>2014</td>
        <td>3078</td>
    </tr>
</table>
</div>

Answer 1

Hope this one will give you a basic idea of implementation. Here we are using DOMDocument.

Try this code snippet here

<?php

ini_set('display_errors', 1);

//creating table node

$tableNode='<table><tr><th>Year</th><th>Score</th></tr><tr><td>2014</td><td>3078</td></tr></table>';

$domDocument = new DOMDocument();
$domDocument->encoding="UTF-8";
$domDocument->loadHTML($tableNode);
$domXPath = new DOMXPath($domDocument);
$table = $domXPath->query("//table")->item(0);

//creating empty div node.

$domDocument = new DOMDocument();
$element=$domDocument->createElement("div");
$element->setAttribute("style", "overflow-x:auto;");

$result=$domDocument->importNode($table,true);//importing node from of other DOMDocument
$element->appendChild($result);
echo $domDocument->saveHTML($element);