無法追加第二個元素與PHP的DOMDocument

Question

我試圖通過PHP的DOM文檔通過HTML塊重構內嵌<img>元素：http://www.appelsiini.net/projects/lazyload

對於每個<img>我試圖插入一個重構重複，然後將原始文件包裝爲<noscript>標籤以獲取非JS後備。

實施例：

輸入：

<img src="img/example.jpg" width="640" heigh="480">

輸出：

<img class="lazy" src="img/grey.gif" data-original="img/example.jpg" width="640" heigh="480"><noscript><img src="img/example.jpg" width="640" heigh="480"></noscript>

我有包裹工作和新的元件還構建正確。問題是，第二個appendChild（下）不起作用，我不明白爲什麼。誰能提供解決方案？

我有以下代碼：

$noScript = $dom->createElement('noscript'); 
$images = $dom->getElementsByTagName('img'); 
foreach ($images as $image) { 
    $src = $image->getAttribute('src'); 
    $alt = $image->getAttribute('alt'); 
    $title = $image->getAttribute('title'); 
    $style = $image->getAttribute('style'); 

    $newImage = $dom->createElement('img'); 
    $newImage->setAttribute('class', 'lazy'); 
    $newImage->setAttribute('data-original', $src); 
    $newImage->setAttribute('src', '/images/whitespace.gif'); 
    if ($style) $newImage->setAttribute('style', $style); 
    if ($alt) $newImage->setAttribute('alt', $alt); 
    if ($title) $newImage->setAttribute('title', $title); 

    $noScriptClone = $noScript->cloneNode(); 
    $image->parentNode->replaceChild($noScriptClone, $image); 
    $noScriptClone->appendChild($image); 
    $noScriptClone->parentNode->appendChild($newImage); 
} 
return $dom->saveHTMLExact(); 

Answer 1

我沒有解決這個問題（以一種迂迴的一種方式），但忘了張貼我的解決方案 - 直到現在。

我結束了使用QueryPath其中的工作得很好。

function lazyLoadImages($source = '') { 
    $qp = htmlqp($source); 
    foreach ($qp->find('img') as $image) { 
    $src = $image->attr('src'); 
    $alt = $image->attr('alt'); 
    $title = $image->attr('title'); 
    $style = $image->attr('style'); 
    $class = $image->attr('class'); 
    $image->wrap('<noscript/>')->parent('noscript')->after('<img src="/images/whitespace.gif" data-original="' . $src . '" style="' . trim($style) . '"' . ($alt ? ' alt="' . $alt . '"' : '') . ($title ? ' title="' . $title . '"' : '') . ' class="lazy' . ($class ? ' ' . $class : '') . '" />'); 
    } 
    $content = preg_replace(array("/<\?xml.*?\?>/si", "/<\!DOCTYPE.*?>/", "!<(/)?body>!si", "!<(/)?html>!si"), '', $qp->writeSnippet()); 
    return $content; 
}