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

Answer 2

假设你可以使用jQuery你可以把图像的DIV中，这里的代码

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

如果你传递一个HTML代码段jQuery函数它创建它的DOM元素。

OR

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