javascript - 从 xml 动态添加图像和 src

Question

我正在使用 xml 来填充 html 站点(因此可以为那些没有 flash 的站点自动移植 flash 站点)。

for (i=0;i<x.length;i++)
    {                   
        //    VARS   //
        //Set up Vars for <li> elements
        var src = x[i].getElementsByTagName("image")[0].childNodes[0].nodeValue;

        //    IMG   //
        //If 'name' node is present, append 'name' to #filmsfuturereleases
        if (x[i].getElementsByTagName("image")[0].childNodes.length) {
            document.write('<img src="', src, '"/>');
        } else {
            document.write("&nbsp;")
        }
    }

在代码中，我设置了“src”变量，然后使用循环写入每个图像。

我想去掉 document.write 函数并替换为 append 之类的函数，这样我就可以将图像放入列表中。

我可以在使用文本时执行此操作(将文本 var 附加到 li 元素)，但由于我正在动态添加图像和图像 src，所以我遇到了麻烦。

有什么想法吗？ jQuery可以用，xslt不行...

干杯!

Answer 1

尝试类似的东西

$img = $('<img />').attr('src', $(x[i]).find('image').text());
$('#filmsfuturereleases').append($img);