StyleSet屬性錯誤：無法設置未定義的屬性'webkitTransition'

Question

我正在嘗試使用style.setProperty在Javascript中創建滑動效果。

這裏是我的代碼：

imageArray = [ 
    '<img src="assets/bg1.jpg"/>', 
    '<img src="assets/bg2.jpg"/>', 
    '<img src="assets/bg3.jpg"/>', 
]; 

var slideWidth = 300; 
var slideHeight = 420; 

var currentTranslation = -slideWidth; 

function init() { 
    imageArray.style.webkitTransition = '-webkit-transform 1200ms'; 
    getArray(); 
} 

function getArray() { 
    for (var i = 0; i < imageArray.length; i++) { 
    $('.inner-image').append(imageArray); 
    /*not sure if this is relevant 
    imageArray.src = ary[i].media.m;*/ 
    } 
} 

我是新來編程，所以請原諒邏輯語法錯誤或不一致。謝謝你的幫助。

Answer 1

你有不確定的錯誤消息，因爲您的ImageArray是字符串數組在裏面，不是一個HTMLElement

您可以使用document.getElementById()來獲取對象，或使用DOMParser如果你必須使用字符串。