更改 php DOMElement 的 outerHTML？

Question

如何使用 PHP DomDocument class 更改元素的outerHtml ？ 確保沒有使用第三方庫，例如 Simple PHP Dom 或其他。

例如：我想做這樣的事情。

$dom = new DOMDocument;
$dom->loadHTML($html);  
$tag = $dom->getElementsByTagName('h3');
foreach ($tag as $e) {
 $e->outerHTML = '<h5>Hello World</h5>';
}

libxml_clear_errors();
$html = $dom->saveHTML();
echo $html;

而 output 應該是這樣的：

Old Output: <h3>Hello World</h3>
But I need this new output: <p>Hello World</p>

Answer 1

您可以在新節點中創建元素內容和屬性的副本（使用您需要的新名稱），並使用 function replaceChild() 。

當前代碼僅適用於簡單元素（節點內的文本），如果您有嵌套元素，則需要編寫遞歸 function。

$dom = new DOMDocument;
$dom->loadHTML($html);  

$titles = $dom->getElementsByTagName('h3');
for($i = $titles->length-1 ; $i >= 0 ; $i--)
{
    $title = $titles->item($i);
    $titleText = $title->textContent ; // get original content of the node

    $newTitle = $dom->createElement('h5'); // create a new node with the correct name
    $newTitle->textContent = $titleText ; // copy the content of the original node

    // copy the attribute (class, style, ...)
    $attributes = $title->attributes ;
    for($j = $attributes->length-1 ; $j>= 0 ; --$j)
    {
        $attributeName = $attributes->item($j)->nodeName ;
        $attributeValue = $attributes->item($j)->nodeValue ;

        $newAttribute = $dom->createAttribute($attributeName);
        $newAttribute->nodeValue = $attributeValue ;

        $newTitle->appendChild($newAttribute);
    }


    $title->parentNode->replaceChild($newTitle, $title); // replace original node per our copy
}


libxml_clear_errors();
$html = $dom->saveHTML();
echo $html;