Como obter o innerHTML do DOMNode?

96

Qual função você usa para obter o innerHTML de um determinado DOMNode na implementação do DOM do PHP? Alguém pode dar uma solução confiável?

É claro que outerHTML também serve.

Dawid Ohia
fonte

Respostas:

152

Compare esta variante atualizada com a Nota do Usuário do Manual do PHP # 89718 :

<?php 
function DOMinnerHTML(DOMNode $element) 
{ 
    $innerHTML = ""; 
    $children  = $element->childNodes;

    foreach ($children as $child) 
    { 
        $innerHTML .= $element->ownerDocument->saveHTML($child);
    }

    return $innerHTML; 
} 
?> 

Exemplo:

<?php 
$dom= new DOMDocument(); 
$dom->preserveWhiteSpace = false;
$dom->formatOutput       = true;
$dom->load($html_string); 

$domTables = $dom->getElementsByTagName("table"); 

// Iterate over DOMNodeList (Implements Traversable)
foreach ($domTables as $table) 
{ 
    echo DOMinnerHTML($table); 
} 
?> 
Haim Evgi
fonte
Obrigado. Funciona bem. Não deveria $ dom-> preserveWhiteSpace = false; antes de carregar o documento?
Dawid Ohia
@ JohnM2: Sim, deveria .
hakre
Notas adicionais: Desde o PHP 5.3.6 você pode poupar o temporário DOMDocument. Também pode ser necessário substituir o trimpor um ltrim(ou até mesmo removê-lo completamente) para preservar um pouco dos espaços em branco, como quebras de linha.
hakre
Uma função como essa deve ser adicionada à classe DomDocument.
Nate
3
Tive que alterar a declaração da função para esperar um em DOMElementvez de um, DOMNodepois estava passando o retorno de DOMDocument::getElementById(). Apenas no caso de tropeçar em alguém.
miken32
25

Aqui está uma versão em um estilo de programação funcional :

function innerHTML($node) {
    return implode(array_map([$node->ownerDocument,"saveHTML"], 
                             iterator_to_array($node->childNodes)));
}
trincote
fonte
13

Para retornar o htmlde um elemento, você pode usar C14N () :

$dom = new DOMDocument();
$dom->loadHtml($html);
$x = new DOMXpath($dom);
foreach($x->query('//table') as $table){
    echo $table->C14N();
}
CONvid19
fonte
2
O C14N tentará converter o HTML em um XML válido. Por exemplo, <br> se tornará <br> </br>
ajaybc
É uma maneira suja de despejar o HTML do elemento, sem ter que usar saveHTML que irá gerar as tags html, head e body.
CONvid19
9

Uma versão simplificada da resposta de Haim Evgi:

<?php

function innerHTML(\DOMElement $element)
{
    $doc = $element->ownerDocument;

    $html = '';

    foreach ($element->childNodes as $node) {
        $html .= $doc->saveHTML($node);
    }

    return $html;
}

Exemplo de uso:

<?php

$doc = new \DOMDocument();
$doc->loadHTML("<body><div id='foo'><p>This is <b>an <i>example</i></b> paragraph<br>\n\ncontaining newlines.</p><p>This is another paragraph.</p></div></body>");

print innerHTML($doc->getElementById('foo'));

/*
<p>This is <b>an <i>example</i></b> paragraph<br>

containing newlines.</p>
<p>This is another paragraph.</p>
*/

Não há necessidade de definir preserveWhiteSpaceou formatOutput.

Alf Eaton
fonte
4

Além da bela versão do trincot com array_mape, implodemas desta vez com array_reduce:

return array_reduce(
   iterator_to_array($node->childNodes),
   function ($carry, \DOMNode $child) {
        return $carry.$child->ownerDocument->saveHTML($child);
   }
);

Ainda não entendi porque não existe um reduce()método que aceite arrays e iteradores.

gripe
fonte
3
function setnodevalue($doc, $node, $newvalue){
  while($node->childNodes->length> 0){
    $node->removeChild($node->firstChild);
  }
  $fragment= $doc->createDocumentFragment();
  $fragment->preserveWhiteSpace= false;
  if(!empty($newvalue)){
    $fragment->appendXML(trim($newvalue));
    $nod= $doc->importNode($fragment, true);
    $node->appendChild($nod);
  }
}
Chris
fonte
2

Aqui está outra abordagem baseada neste comentário de Drupella no php.net, que funcionou bem para o meu projeto. Ele define o innerHTML()criando um novoDOMDocument , importando e anexando a ele o nó de destino, em vez de iterar explicitamente sobre os nós filhos.

InnerHTML

Vamos definir esta função auxiliar:

function innerHTML( \DOMNode $n, $include_target_tag = true ) {
  $doc = new \DOMDocument();
  $doc->appendChild( $doc->importNode( $n, true ) );
  $html = trim( $doc->saveHTML() );
  if ( $include_target_tag ) {
      return $html;
  }
  return preg_replace( '@^<' . $n->nodeName .'[^>]*>|</'. $n->nodeName .'>$@', '', $html );
}

onde podemos incluir / excluir a tag de destino externa por meio do segundo argumento de entrada.

Exemplo de uso

Aqui, extraímos o HTML interno para uma tag de destino fornecida pelo atributo de id "primeiro":

$html = '<div id="first"><h1>Hello</h1></div><div id="second"><p>World!</p></div>';
$doc  = new \DOMDocument();
$doc->loadHTML( $html );
$node = $doc->getElementById( 'first' );

if ( $node instanceof \DOMNode ) {

    echo innerHTML( $node, true );
    // Output: <div id="first"><h1>Hello</h1></div>    

    echo innerHTML( $node, false );
    // Output: <h1>Hello</h1>
}

Exemplo ao vivo:

http://sandbox.onlinephpfunctions.com/code/2714ea116aad9957c3c437d46134a1688e9133b8

Birgire
fonte
1

Consulta antiga, mas existe um método integrado para fazer isso. Basta passar o nó de destino para DomDocument->saveHtml().

Exemplo completo:

$html = '<div><p>ciao questa è una <b>prova</b>.</p></div>';
$dom = new DomDocument($html);
@$dom->loadHTML($html);
$xpath = new DOMXPath($dom);
$node = $xpath->query('.//div/*'); // with * you get inner html without surrounding div tag; without * you get inner html with surrounding div tag
$innerHtml = $dom->saveHtml($node);
var_dump($innerHtml);

Resultado: <p>ciao questa è una <b>prova</b>.</p>

Marco Marsala
fonte
Aviso: DOMDocument :: saveHTML () espera que o parâmetro 1 seja DOMNode, objeto fornecido
Ivan Gusev