javascript - 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在必须使用字符串时使用。