样式集属性错误：无法设置未定义的属性'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。