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如果你必须使用字符串。