Modifier innerHTML d'un php DOMElement

Question

Comment modifier innerHTML d'un phome DOMElement?

Answer 1

Jetez un oeil à cette bibliothèque PHP Simple HTML DOM Parser http://simplehtmldom.sourceforge.net/

Il semble assez simple. Vous pouvez modifier la propriété innertext de vos éléments. Cela pourrait aider.

Answer 2

Je pense que la meilleure chose que vous pouvez faire est de venir avec une fonction qui prendra la DOMElement que vous voulez changer le InnerHTML de, copier, et de le remplacer.

En PHP très rude:

function replaceElement($el, $newInnerHTML) { 
    $newElement = $myDomDocument->createElement($el->nodeName, $newInnerHTML); 
    $el->parentNode->insertBefore($newElement, $el); 
    $el->parentNode->removeChild($el); 

    return $newElement; 
} 

Cela ne prend pas en compte des attributs et des structures imbriquées, mais je pense que cela va vous sur votre chemin.

Answer 3

je devais le faire pour un projet récemment et a fini avec une extension DOMElement: http://www.keyvan.net/2010/07/javascript-like-innerhtml-access-in-php/

Voici un exemple montrant comment il est utilisé:

<?php 
require_once 'JSLikeHTMLElement.php'; 
$doc = new DOMDocument(); 
$doc->registerNodeClass('DOMElement', 'JSLikeHTMLElement'); 
$doc->loadHTML('<div><p>Para 1</p><p>Para 2</p></div>'); 
$elem = $doc->getElementsByTagName('div')->item(0); 

// print innerHTML 
echo $elem->innerHTML; // prints '<p>Para 1</p><p>Para 2</p>' 

// set innerHTML 
$elem->innerHTML = '<a href="http://fivefilters.org">FF</a>'; 

// print document (with our changes) 
echo $doc->saveXML(); 
?> 

Answer 4

est ici un remplacement par la fonction de classe I vient d'écrire:

Il va remplacer le innerHtml d'une classe. Vous pouvez également spécifier le type de noeud, par exemple. div/p/a etc.

function replaceInnerHtmlByClass($html, $replace=null, $class=null, $nodeType=null){ 
    if(!$nodeType){ $nodeType = '*'; } 
    $dom = new DOMDocument(); 
    $dom->loadHTML($html); 
    $xpath = new DOMXPath($dom); 
    $nodes = $xpath->query("//{$nodeType}[contains(concat(' ', normalize-space(@class), ' '), '$class')]"); 
    foreach($nodes as $node) { 
    while($node->childNodes->length){ 
     $node->removeChild($node->firstChild); 
    } 
    $fragment = $dom->createDocumentFragment(); 
    $fragment->appendXML($replace); 
    $node->appendChild($fragment); 
    } 
    return $dom->saveHTML($dom->documentElement); 
} 

---

Voici une autre fonction que j'ai écrit pour supprimer des nœuds avec une classe spécifique, mais en conservant le code html interne.

La définition de remplacer à true supprimera le code HTML interne.

Réglage à remplacer tout autre contenu remplacera le code html interne avec le contenu fourni. Ces fonctions peuvent facilement être adaptées pour utiliser d'autres attributs en tant que sélecteur. J'en avais seulement besoin pour évaluer l'attribut de la classe.

Answer 5

Il semble que appendXML ne fonctionne pas toujours - par exemple, si vous essayez d'ajouter XML avec 3 niveaux.Voici la fonction que j'ai écrit que le travail toujours (vous voulez définir $ contenu en innerHTML à $ element):

function setInnerHTML($DOM, $element, $content) { 
    $DOMInnerHTML = new DOMDocument(); 
    $DOMInnerHTML->loadHTML($content); 
    $contentNode = $DOMInnerHTML->getElementsByTagName('body')->item(0)->firstChild; 
    $contentNode = $DOM->importNode($contentNode, true); 
    $element->appendChild($contentNode); 
    return $elementNode; 
} 

Answer 6

Voici comment vous le faites:

$doc = new DOMDocument(''); 
$label = $doc->createElement('label'); 

$label->appendChild($doc->createTextNode('test')); 
$li->appendChild($label); 

echo $doc->saveHTML(); 

Answer 7

développement sur de la réponse de Joanna Goch , cette fonction insère un noeud de texte ou un fragment HTML:

function nodeFromContent($node, $content) { 
    //creates a text node, or dom node if content contains html 
    $lt = strpos($content, '<'); 
    $gt = strrpos($content, '>'); 
    if (!($lt === false || $gt === false) && $gt > $lt) { 
     //< followed by > means potentially contains HTML 
     $DOMInnerHTML = new DOMDocument(); 
     $DOMInnerHTML->loadHTML($content); 
     $contentNode = $DOMInnerHTML->getElementsByTagName('body')->item(0); 
     $newNode = $node->ownerDocument->importNode($contentNode, true); 
    } else { 
     $newNode = $node->ownerDocument->createTextNode($content); 
    } 
    return $newNode; 
} 

utilisation

$newNode = nodeFromContent($node, $content); 
$node->parentNode->insertBefore($newNode, $node); 
//or $node->appendChild($newNode) depending on what you require 

Answer 8

function setInnerHTML($DOM, $element, $innerHTML) { 
    $node = $DOM->createTextNode($innerHTML); 
    $element->appendChild($node); 
} 

Answer 9

Une autre solution:

1) créer un nouveau DOMDocumentFragment de la chaîne HTML à insérer; 2) supprimer l'ancien contenu de notre élément en supprimant ses nœuds enfants; 3) ajouter DOMDocumentFragment à notre élément.

function setInnerHTML($element, $html) 
{ 
    $fragment = $element->ownerDocument->createDocumentFragment(); 
    $fragment->appendXML($html); 
    while ($element->hasChildNodes()) 
     $element->removeChild($element->firstChild); 
    $element->appendChild($fragment); 
} 

Sinon, nous pouvons remplacer notre élément avec son clean copy puis ajoutez DOMDocumentFragment à ce clone.

function setInnerHTML($element, $html) 
{ 
    $fragment = $element->ownerDocument->createDocumentFragment(); 
    $fragment->appendXML($html); 
    $clone = $element->cloneNode(); // Get element copy without children 
    $clone->appendChild($fragment); 
    $element->parentNode->replaceChild($clone, $element); 
} 

Test:

$doc = new DOMDocument(); 
$doc->loadXML('<div><span style="color: green">Old HTML</span></div>'); 
$div = $doc->getElementsByTagName('div')->item(0); 
echo $doc->saveHTML(); 

setInnerHTML($div, '<p style="color: red">New HTML</p>'); 
echo $doc->saveHTML(); 

// Output: 
// <div><span style="color: green">Old HTML</span></div> 
// <div><p style="color: red">New HTML</p></div> 

Answer 10

J'ai fini par faire cette fonction en utilisant quelques fonctions d'autres personnes sur cette page. J'ai changé celui de Joanna Goch la façon dont Peter Brand dit la plupart, et a également ajouté du code de Guest et d'autres endroits.

Cette fonction n'utilise pas d'extension et n'utilise pas appendXML (qui est très pointilleux et se casse même si elle voit une balise BR non fermée) et semble fonctionner correctement.

function set_inner_html($element, $content) { 
    $DOM_inner_HTML = new DOMDocument(); 
    $internal_errors = libxml_use_internal_errors(true); 
    $DOM_inner_HTML->loadHTML(mb_convert_encoding($content, 'HTML-ENTITIES', 'UTF-8')); 
    libxml_use_internal_errors($internal_errors); 
    $content_node = $DOM_inner_HTML->getElementsByTagName('body')->item(0); 
    $content_node = $element->ownerDocument->importNode($content_node, true); 
    while ($element->hasChildNodes()) { 
     $element->removeChild($element->firstChild); 
    } 
    $element->appendChild($content_node); 
}