[ACCEPTED]-How to remove an HTML element using the DOMDocument class-domdocument

Accepted answer
Score: 21

In addition to Dave Morgan's answer you 1 can use DOMNode::removeChild to remove child from list of children:

Removing a child by tag name

//The following example will delete the table element of an HTML content.

$dom = new DOMDocument();

//avoid the whitespace after removing the node
$dom->preserveWhiteSpace = false;

//parse html dom elements

//get the table from dom
if($table = $dom->getElementsByTagName('table')->item(0)) {

   //remove the node by telling the parent node to remove the child

   //save the new document
   echo $dom->saveHTML();


Removing a child by class name

//same beginning
$dom = new DOMDocument();
$dom->preserveWhiteSpace = false;

//use DomXPath to find the table element with your class name
$xpath = new DomXPath($dom);
$xpath_results = $xpath->query("//table[contains(@class, '$classname')]");

//get the first table from XPath results
if($table = $xpath_results->item(0)){

    //remove the node the same way
    $table ->parentNode->removeChild($table);

    echo $dom->saveHTML();



How to delete element with DOMDocument?

How to get full HTML from DOMXPath::query() method?

Score: 13


DomDocument is a DomNode.. You can just 6 call remove child and you should be fine.

EDIT: Just 5 noticed you were probably talking about 4 the page you are working with currently. Don't 3 know if DomDocument would work. You may 2 wanna look to use javascript at that point 1 (if its already been served up to the client)

More Related questions