blocks|key|1140557|text|用PHP+Manual+User+Note+#89718+Compare这个更新过的变体|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1140558|<?php+
function+DOMinnerHTML(DOMNode+$element)+
{+
++++$innerHTML+=+"";+
++++$children++=+$element->childNodes;

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

++++return+$innerHTML;+
}+
?>+|code-block|syntax|javascript|1140559|示例：|1140560|<?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);+
}+
?>+|1140561|entityMap|0|LINK|mutability|MUTABLE|url|http://php.net/manual/en/book.dom.php#89718|1|https://www.diffchecker.com/Ay08mF8z^0|1|R|0|T|7|1|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@$A|X|B|Y|1|Z]|$A|10|B|11|1|12]]|C|$]]|$1|D|3|E|5|F|7|13|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|14|8|@]|9|@]|C|$]]|$1|K|3|L|5|F|7|15|8|@]|9|@]|C|$G|H]]|$1|M|3|-4|5|6|7|16|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]|U|$5|P|Q|R|C|$S|V]]]]

<p><a href="https://www.diffchecker.com/Ay08mF8z" rel="noreferrer">Compare</a> this updated variant with <a href="http://php.net/manual/en/book.dom.php#89718" rel="noreferrer">PHP Manual User Note #89718</a>:</p>

<pre><code>&lt;?php 
function DOMinnerHTML(DOMNode $element) 
{ 
    $innerHTML = ""; 
    $children  = $element-&gt;childNodes;

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

    return $innerHTML; 
} 
?&gt; 
</code></pre>

<p>Example: </p>

<pre><code>&lt;?php 
$dom= new DOMDocument(); 
$dom-&gt;preserveWhiteSpace = false;
$dom-&gt;formatOutput       = true;
$dom-&gt;load($html_string); 

$domTables = $dom-&gt;getElementsByTagName("table"); 

// Iterate over DOMNodeList (Implements Traversable)
foreach ($domTables as $table) 
{ 
    echo DOMinnerHTML($table); 
} 
?&gt; 
</code></pre>


blocks|key|1140651|text|要返回元素的html，可以使用C14N()|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1140652|$dom+=+new+DOMDocument();
$dom->loadHtml($html);
$x+=+new+DOMXpath($dom);
foreach($x->query('//table')+as+$table){
++++echo+$table->C14N();
}|code-block|syntax|javascript|1140653|entityMap|0|LINK|mutability|MUTABLE|url|http://php.net/manual/en/domnode.c14n.php^0|6|4|F|6|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@$9|V|A|W|1|X]]|E|$]]|$1|F|3|G|5|H|7|Y|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|L|$M|$5|N|O|P|E|$Q|R]]]]

<p>To return the <code>html</code> of an element, you can use <a href="http://php.net/manual/en/domnode.c14n.php" rel="noreferrer">C14N()</a>:</p>

<pre><code>$dom = new DOMDocument();
$dom-&gt;loadHtml($html);
$x = new DOMXpath($dom);
foreach($x-&gt;query('//table') as $table){
    echo $table-&gt;C14N();
}
</code></pre>


blocks|key|1355874|text|哈伊姆·Evgi答案的简化版本：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1355875|<?php

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

++++$html+=+'';

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

++++return+$html;
}|code-block|syntax|javascript|1355876|示例用法：|1355877|<?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>
*/|1355878|不需要设置preserveWhiteSpace或formatOutput。|offset|length|style|CODE|1355879|entityMap^0|0|0|0|0|5|I|O|C|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|W|8|@$M|X|N|Y|O|P]|$M|Z|N|10|O|P]]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|R|$]]

<p>A simplified version of Haim Evgi's answer:</p>

<pre><code>&lt;?php

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

    $html = '';

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

    return $html;
}
</code></pre>

<p>Example usage:</p>

<pre><code>&lt;?php

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

print innerHTML($doc-&gt;getElementById('foo'));

/*
&lt;p&gt;This is &lt;b&gt;an &lt;i&gt;example&lt;/i&gt;&lt;/b&gt; paragraph&lt;br&gt;

containing newlines.&lt;/p&gt;
&lt;p&gt;This is another paragraph.&lt;/p&gt;
*/
</code></pre>

<p>There's no need to set <code>preserveWhiteSpace</code> or <code>formatOutput</code>.</p>


blocks|key|1140857|text|除了trincot在array_map和implode上很好版本之外，这次还使用了array_reduce|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1140858|return+array_reduce(
+++iterator_to_array($node->childNodes),
+++function+($carry,+\DOMNode+$child)+{
++++++++return+$carry.$child->ownerDocument->saveHTML($child);
+++}
);|code-block|syntax|javascript|1140859|我还是不明白，为什么没有接受数组和迭代器的reduce()方法。|1140860|entityMap^0|A|9|K|7|15|C|0|0|L|8|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]|$9|R|A|S|B|C]|$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|V|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|W|8|@$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|M|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|N|$]]

<p>In addition to trincot's nice version with <code>array_map</code> and <code>implode</code> but this time with <code>array_reduce</code>:</p>

<pre><code>return array_reduce(
   iterator_to_array($node-&gt;childNodes),
   function ($carry, \DOMNode $child) {
        return $carry.$child-&gt;ownerDocument-&gt;saveHTML($child);
   }
);
</code></pre>

<p>Still don't understand, why there's no <code>reduce()</code> method which accepts arrays and iterators alike.</p>


blocks|key|1140598|text|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);
++}
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1140599|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>function setnodevalue($doc, $node, $newvalue){
  while($node-&gt;childNodes-&gt;length&gt; 0){
    $node-&gt;removeChild($node-&gt;firstChild);
  }
  $fragment= $doc-&gt;createDocumentFragment();
  $fragment-&gt;preserveWhiteSpace= false;
  if(!empty($newvalue)){
    $fragment-&gt;appendXML(trim($newvalue));
    $nod= $doc-&gt;importNode($fragment, true);
    $node-&gt;appendChild($nod);
  }
}
</code></pre>


blocks|key|1140927|text|这是Drupella在php.net上基于this+comment的另一种方法，它在我的项目中工作得很好。它通过创建一个新的innerHTML()、导入目标节点并将其附加到其中来定义DOMDocument，而不是显式地遍历子节点。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1140928|InnerHTML|1140929|让我们定义这个helper函数：|1140930|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(+'@%5E<'+.+$n->nodeName+.'[%5E>]*>%7C</'.+$n->nodeName+.'>$@',+'',+$html+);
}|code-block|syntax|javascript|1140931|其中我们可以通过第二个输入参数包括/排除外部目标标记。|1140932|使用示例|1140933|在这里，我们提取"first“id属性给出的目标标记的内部HTML：|1140934|$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>
}|1140935|现场示例：|1140936|http://sandbox.onlinephpfunctions.com/code/2714ea116aad9957c3c437d46134a1688e9133b8|1140937|entityMap|0|LINK|mutability|MUTABLE|url|http://php.net/manual/en/book.dom.php#105815|1^0|1Q|B|2J|B|L|C|0|0|0|0|0|0|0|0|0|0|0|2B|1|0^^$0|@$1|2|3|4|5|6|7|19|8|@$9|1A|A|1B|B|C]|$9|1C|A|1D|B|C]]|D|@$9|1E|A|1F|1|1G]]|E|$]]|$1|F|3|G|5|6|7|1H|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|1I|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|1J|8|@]|D|@]|E|$M|N]]|$1|O|3|P|5|6|7|1K|8|@]|D|@]|E|$]]|$1|Q|3|R|5|6|7|1L|8|@]|D|@]|E|$]]|$1|S|3|T|5|6|7|1M|8|@]|D|@]|E|$]]|$1|U|3|V|5|L|7|1N|8|@]|D|@]|E|$M|N]]|$1|W|3|X|5|6|7|1O|8|@]|D|@]|E|$]]|$1|Y|3|Z|5|6|7|1P|8|@]|D|@$9|1Q|A|1R|1|1S]]|E|$]]|$1|10|3|-4|5|6|7|1T|8|@]|D|@]|E|$]]]|11|$12|$5|13|14|15|E|$16|17]]|18|$5|13|14|15|E|$16|Z]]]]

<p>Here's another approach based on <a href="http://php.net/manual/en/book.dom.php#105815" rel="nofollow noreferrer">this comment</a> by Drupella on php.net, that worked well for my project. It defines the <code>innerHTML()</code> by creating a new <code>DOMDocument</code>, importing and appending to it the target node, instead of explicitly iterating over child nodes.</p>

<h2>InnerHTML</h2>

<p>Let's define this helper function:</p>

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

<p>where we can include/exclude the outer target tag through the second input argument.</p>

<h2>Usage Example</h2>

<p>Here we extract the inner HTML for a target tag given by the "first" id attribute:</p>

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

if ( $node instanceof \DOMNode ) {

    echo innerHTML( $node, true );
    // Output: &lt;div id="first"&gt;&lt;h1&gt;Hello&lt;/h1&gt;&lt;/div&gt;    

    echo innerHTML( $node, false );
    // Output: &lt;h1&gt;Hello&lt;/h1&gt;
}
</code></pre>

<p>Live example:</p>

<p><a href="http://sandbox.onlinephpfunctions.com/code/2714ea116aad9957c3c437d46134a1688e9133b8" rel="nofollow noreferrer">http://sandbox.onlinephpfunctions.com/code/2714ea116aad9957c3c437d46134a1688e9133b8</a></p>


blocks|key|1356088|text|旧的查询，但是有一个内置的方法可以做到这一点。只需将目标节点传递给DomDocument->saveHtml()。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1356089|完整示例：|1356090|$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);|code-block|syntax|javascript|1356091|输出：<p>ciao+questa+è+una+<b>prova</b>.</p>|1356092|entityMap^0|X|N|0|0|0|3|12|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|T|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|U|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|V|8|@$9|W|A|X|B|C]]|D|@]|E|$]]|$1|O|3|-4|5|6|7|Y|8|@]|D|@]|E|$]]]|P|$]]

<p>Old query, but there is a built-in method to do that. Just pass the target node to <code>DomDocument-&gt;saveHtml()</code>.</p>

<p>Full example:</p>

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

<p>Output: <code>&lt;p&gt;ciao questa è una &lt;b&gt;prova&lt;/b&gt;.&lt;/p&gt;</code></p>


blocks|key|1141013|text|对于那些想要从XPath查询中获取超文本标记语言的人，下面是我的版本：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1141014|$xpath+=+new+DOMXpath(+$my_dom_object+);

$DOMNodeList+=+$xpath->query('//div[contains(@class,+"some_custom_class_in_html")]');

if(+$DOMNodeList->count()+>+0+)+{
++++$page_html+=+$my_dom_object->saveHTML(+$DOMNodeList->item(0)+);
}|code-block|syntax|javascript|1141015|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>For people who want to get the HTML from XPath query, here is my version:</p>
<pre><code>$xpath = new DOMXpath( $my_dom_object );

$DOMNodeList = $xpath-&gt;query('//div[contains(@class, &quot;some_custom_class_in_html&quot;)]');

if( $DOMNodeList-&gt;count() &gt; 0 ) {
    $page_html = $my_dom_object-&gt;saveHTML( $DOMNodeList-&gt;item(0) );
}
</code></pre>


<p>What function do you use to get innerHTML of a given DOMNode in the PHP DOM implementation? Can someone give reliable solution? </p>

<p>Of course outerHTML will do too.</p>


How to get innerHTML of DOMNode?

在PHP DOM实现中，使用哪个函数来获取给定DOMNode的innerHTML？有没有人能给出可靠的解决方案？当然，outerHTML也会这样做。

问如何获取DOMNode的innerHTML？
EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何获取DOMNode的innerHTML？EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何获取DOMNode的innerHTML？
EN