HTML5DOMDocument
HTML5DOMDocument extends the native DOMDocument library. It fixes some bugs and adds some new functionality.
Why use?
- Preserves html entities (DOMDocument does not)
- Preserves void tags (DOMDocument does not)
- Allows inserting HTML code that moves the correct parts to their proper places (head elements are inserted in the head, body elements in the body)
- Allows querying the DOM with CSS selectors (currently available: *, tagname, tagname#id, #id, tagname.classname, .classname, tagname.classname.classname2, .classname.classname2, tagname[attribute-selector], [attribute-selector], "div, p", div p, div > p, div + p and p ~ ul.)
- Adds support for element->classList.
- Adds support for element->innerHTML.
- Adds support for element->outerHTML.
Install via Composer
composer require ivopetkov/html5-dom-document-php:2.*
Documentation
Full documentation is available as part of this repository.
Examples
Use just like you should use DOMDocument:
<?php
require 'vendor/autoload.php';
$dom = new IvoPetkov\HTML5DOMDocument();
$dom->loadHTML('<!DOCTYPE html><html><body>Hello</body></html>');
echo $dom->saveHTML();
Query the document with CSS selectors and get the innerHTML and the outerHTML of the elements:
$dom = new IvoPetkov\HTML5DOMDocument();
$dom->loadHTML('<!DOCTYPE html><html><body><h1>Hello</h1><div class="content">This is some text</div></body></html>');
echo $dom->querySelector('h1')->innerHTML;
// Hello
echo $dom->querySelector('.content')->outerHTML;
// <div class="content">This is some text</div>
Insert HTML code into a HTML document (other HTML code):
$dom = new IvoPetkov\HTML5DOMDocument();
$dom->loadHTML('
<!DOCTYPE html>
<html>
<head>
<style>...</style>
</head>
<body>
<h1>Hello</h1>
</body>
</html>
');
$dom->insertHTML('
<html>
<head>
<script>...</script>
</head>
<body>
<div>This is some text</div>
</body>
</html>
');
echo $dom->saveHTML();
// <!DOCTYPE html>
// <html>
// <head>
// <style>...</style>
// <script>...</script>
// </head>
// <body>
// <h1>Hello</h1>
// <div>This is some text</div>
// </body>
// </html>
Manipulate the values of the class attribute of an element:
$dom = new IvoPetkov\HTML5DOMDocument();
$dom->loadHTML('<div class="class1"></div>');
echo $dom->querySelector('div')->classList->add('class2');
License
This project is licensed under the MIT License. See the license file for more information.
Contributing
Feel free to open new issues and contribute to the project. Let's make it awesome and let's do in a positive way.
Authors
This library is created and maintained by Ivo Petkov (ivopetkov.com) and some awesome folks.