Как получить innerHTML из DOMNode?
Какую функцию вы используете, чтобы получить innerHTML данного DOMNode в реализации PHP DOM? Может кто-нибудь дать надежное решение?
Конечно, externalHTML тоже подойдет.
11 ответов
Сравните этот обновленный вариант с PHP Manual User Note # 89718:
<?php
function DOMinnerHTML(DOMNode $element)
{
$innerHTML = "";
$children = $element->childNodes;
foreach ($children as $child)
{
$innerHTML .= $element->ownerDocument->saveHTML($child);
}
return $innerHTML;
}
?>
Пример:
<?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);
}
?>
Вот версия в стиле функционального программирования:
function innerHTML($node) {
return implode(array_map([$node->ownerDocument,"saveHTML"],
iterator_to_array($node->childNodes)));
}
Чтобы вернуть html
элемента, вы можете использовать C14N ():
$dom = new DOMDocument();
$dom->loadHtml($html);
$x = new DOMXpath($dom);
foreach($x->query('//table') as $table){
echo $table->C14N();
}
Упрощенная версия ответа Хаима Евгения:
<?php
function innerHTML(\DOMElement $element)
{
$doc = $element->ownerDocument;
$html = '';
foreach ($element->childNodes as $node) {
$html .= $doc->saveHTML($node);
}
return $html;
}
Пример использования:
<?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>
*/
Там нет необходимости устанавливать preserveWhiteSpace
или же formatOutput
,
В дополнение к приятной версии Trincot с array_map
а также implode
но на этот раз с array_reduce
:
return array_reduce(
iterator_to_array($node->childNodes),
function ($carry, \DOMNode $child) {
return $carry.$child->ownerDocument->saveHTML($child);
}
);
До сих пор не понимаю, почему нет reduce()
метод, который принимает как массивы, так и итераторы.
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);
}
}
Вот еще один подход, основанный на этом комментарии Drupella на php.net, который хорошо сработал для моего проекта. Это определяет innerHTML()
создавая новый DOMDocument
импортирование и добавление к нему целевого узла вместо явной итерации по дочерним узлам.
InnerHTML
Давайте определим эту вспомогательную функцию:
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 );
}
где мы можем включить / исключить внешний целевой тег через второй входной аргумент.
Пример использования
Здесь мы извлекаем внутренний HTML-код для целевого тега, заданного атрибутом "first" id:
$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>
}
Живой пример:
http://sandbox.onlinephpfunctions.com/code/2714ea116aad9957c3c437d46134a1688e9133b8
Старый запрос, но для этого есть встроенный метод. Просто передайте целевой узел вDomDocument->saveHtml()
.
Полный пример:
$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);
Выход: <p>ciao questa è una <b>prova</b>.</p>
Для людей, которые хотят получить HTML из запроса XPath, вот моя версия:
$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) );
}
внутреннийHTML с использованиемC14N()
и запрос XPath:
$node->C14N(
true, // parse only xpath query nodes
false, // without comments
["query" => ".//node()|.//*//@*"] // select all inner nodes & attributes
);
Изменить (PHP 8)
with устарел в PHP 8.
function setInnerHTML($element, $content) {
$DOMInnerHTML = new DOMDocument();
$DOMInnerHTML->loadHTML(
<<<HTML
<html>
<head>
<meta charset="utf-8">
</head>
<body>
$content
</body>
</html>
HTML,
);
foreach (
$DOMInnerHTML->getElementsByTagName('body')->item(0)->childNodes
as $contentNode
) {
$contentNode = $element->ownerDocument->importNode($contentNode, true);
$element->appendChild($contentNode);
}
}
Включение шаблона HTML, вероятно, является лучшим способом получить чистый текст в кодировке UTF-8 внутри добавленных узлов DOM. Я попытался создать замену с помощьюHTML-ENTITIES
, но у меня всегда заканчивался моджибаке.
Оригинал
Поэкспериментировав с некоторыми реализациями, которые я нашел здесь, я разработал идеальное решение, которое вы можете использовать для установки внутреннего HTML:
function setInnerHTML($element, $content) {
$DOMInnerHTML = new DOMDocument();
$DOMInnerHTML->loadHTML(
mb_convert_encoding("<div>$content</div>", 'HTML-ENTITIES', 'UTF-8')
);
foreach (
$DOMInnerHTML->getElementsByTagName('div')->item(0)->childNodes
as $contentNode
) {
$contentNode = $element->ownerDocument->importNode($contentNode, true);
$element->appendChild($contentNode);
}
}
Примечания:
- Из-за
mb_convert_encoding
функция, для этого также требуетсяmbstring
расширение. Если вы пропустите вызов здесь, это может вызвать моджибаке. - Это создает
<div>
элемент, предотвращающий создание неявного<p>
если нет корневого элемента. Это предотвращает проблемы при встраивании в такой элемент, как<title>
. - Чтобы не создавать
DocumentFragment
, это даетDOMNodeList
узлов, выполняет итерацию по нему и добавляет каждый узел к элементу. - В идеале сеттеры не должны возвращать значение.
Я создал это, чтобы внедрить базовую систему шаблонов в свой школьный проект.