Insert HTML into div tag with PHP

Question

I am trying to put $htmlString into an existing div tag that I have

<?php
    $htmlString = "<ul><li>some items</li><li>some items</li><li>some items</li></ul>";
    $dom = new domDocument;
    $dom->loadHTML($html);
    $div_tag = $dom->getElementById('demo');
    echo $dom->saveHTML($div_tag);
?>

In the div tag, I already have some content and I want to append $htmlString into the div tag

<div id="demo"><h1>Recent Posts</h1></div>

I want the output to be

<div id="demo"><h1>Recent Posts</h1>
<ul><li>some items</li><li>some items</li><li>some items</li></ul>
</div>

As $htmlString is actually produced from another function so I cannot simply do

<div id="demo">
<h1>Recent Posts</h1>
    <?php echo "<ul><li>some items</li><li>some items</li><li>some items</li></ul>" ?>
</div>

Akintunde what has AJAX got to do with anything? This is a PHP question! — delboy1978uk
– delboy1978uk, Commented Sep 7, 2017 at 11:24

delboy1978uk · Accepted Answer · 2017-09-07 11:23:22Z

9

Nice and easy, you need a fragment!

<?php

$html = '<div id="demo"><h1>Recent Posts</h1></div>';
$dom = new DomDocument();
$dom->loadHTML($html);

$node = $dom->getElementsByTagName('div')->item(0); // your div to append to

$fragment = $dom->createDocumentFragment();
$fragment->appendXML('<ul><li>some items</li><li>some items</li><li>some items</li></ul>');

$node->appendChild($fragment);

echo $dom->saveHTML();

Which will give you your desired output. Check it out here https://3v4l.org/JrJan

answered Sep 7, 2017 at 11:23

delboy1978uk

12.4k2 gold badges25 silver badges42 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

delboy1978uk Over a year ago

happy to help!!

litruk · Accepted Answer · 2017-09-07 11:17:27Z

1

You can use [http://php.net/manual/en/domdocument.createelement.php][1]

[1]: http://php.net/manual/en/domdocument.createelement.php, but you need to create all structure for $htmlString. Or you can do like in this answer How to insert HTML to PHP DOMNode?

answered Sep 7, 2017 at 11:17

litruk

563 bronze badges

Collectives™ on Stack Overflow

Insert HTML into div tag with PHP

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related