2011-05-18 69 views
2

我正在使用xml來填充html網站(所以flash站點可以自動移植到那些沒有flash的站點)。從xml動態添加圖像和src

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不能...

乾杯!

回答

0

嘗試類似的東西

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

的IMG設置爲一個變種適合我,感謝您的幫助! – reekogi 2011-05-18 15:09:26

+0

#reekogi祝你好運 – vittore 2011-05-18 15:12:28

+0

你知道我怎樣才能避免使用_document.write(「 」)_所以循環不會中斷嗎? – reekogi 2011-05-18 22:03:07

0

假設你可以使用jQuery你可以把圖像的DIV中,這裏的代碼

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

如果你傳遞一個HTML代碼段jQuery函數它創建它的DOM元素。

OR

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

我決定不去這一個,但我使用該方法來簡化我的腳本的另一部分,所以謝謝! – reekogi 2011-05-18 15:09:08