Question

我正在使用xml填充html网站（因此闪存网站可以自动移植到没有闪存的网站）。

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);

Answer 2

假设您可以使用jQuery并且可以将图像放在div中，这里是代码

$('#filmsfuturereleases').append($('<img src="', src, '"/>'));

如果您将HTML代码段传递给jQuery函数，则会为其创建DOM元素。

OR

$('#filmsfuturereleases').append('<img src="', src, '"/>');

从xml动态添加图像AND src

2 个答案: