Here is my HTML code
<html>
<body>
<div>A sample block <div>and child block</div></div>
</body>
</html>
How can I use DOM to append and prepend text nodes to the BODY elements without hurting its siblings?
$dom = new DOMdocument();
@$dom->loadHTML($html);
$xpath = new DOMXPath($dom);
$body = $xpath->query('//body')->item(0);
like this
<html>
<body>
Newly prepended text
<div>A sample block <div>and child block</div></div>
Newly appended text
</body>
</html>
You can create text nodes with DOMText
(or by using DOMDocument::createTextNode
):
$before = new DOMText('Newly prepended text');
// $before = $dom->createTextNode('Newly prepended text');
$after = new DOMText('Newly appended text');
// $after = $dom->createTextNode('Newly appended text');
Now, appending is just:
$body->appendChild($after);
For prepending, we can use DOMNode::firstChild
to get the first child of the body and DOMNode::insertBefore
:
$body->insertBefore($before, $body->firstChild);
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With