无法追加第二个元素与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; 
}