Javascript Can'；t使用DOM访问样式

出于某种原因，每当我将鼠标悬停在所选元素上时，错误总是向我抛出。似乎每次我使用.style属性时，都会出现这样的错误。问题是如何使用.style访问CSS元素。还有别的方法吗

未捕获的TypeError:无法读取未定义的属性“style”

    var image = document.getElementsByClassName("image");
var move = document.getElementsByClassName("link");
var description = document.getElementsByClassName("description");
for(var i = 0; i < move.length; i++){
    move[i].addEventListener("click", function(){

             if (move[i].style.marginLeft === "500px") {
            move[i].style.marginLeft = "0";
        } else {
            move[i].style.marginLeft = "500px";
        }

    })
};


for(var i = 0; i<description.length;i++){
image[i].addEventListener("mouseover", function(){
    description[i].style.visibility = visible;
   description[i].style.opacity = 0;
   var last = +new Date();
   var tick = function(){
       despcription[i].style.opacity = +despcription[i].style.opacity + (new Date() - last)/700;
       last = +new Date();

       if (+despcription[i].style.opacity < 1) {
      (window.requestAnimationFrame && requestAnimationFrame(tick)) || setTimeout(tick, 16);
    }
  };

  tick();
   });
}

var image=document.getElementsByClassName（“image”）；
var move=document.getElementsByClassName（“链接”）；
var description=document.getElementsByClassName（“description”）；
对于（变量i=0；i对于（var i=0；i您有一个输入错误：Description

       despcription[i].style.opacity = +despcription[i].style.opacity + (new Date() - last)/700;
       last = +new Date();

       if (+despcription[i].style.opacity < 1) {

它表示当用户将鼠标悬停在image类上时，选择class为.image title的同级元素，并将其不透明度设置为1


.image{
背景图像：url（'https://amazingslider.com/wp-content/uploads/2012/12/dandelion.jpg');
高度：300px；
宽度：300px；
背景尺寸：封面；
背景位置：中心；
}
.image:hover~。图像标题{
不透明度：1；
}
.图片标题{
不透明度：0；
过渡：不透明度1s；
显示：内联块；
宽度：300px；
文本对齐：居中；
保证金：0；
}
将鼠标悬停在图像上
图像标题
您有一个输入错误：Description

       despcription[i].style.opacity = +despcription[i].style.opacity + (new Date() - last)/700;
       last = +new Date();

       if (+despcription[i].style.opacity < 1) {

它表示当用户将鼠标悬停在image类上时，选择class为.image title的同级元素，并将其不透明度设置为1


.image{
背景图像：url（'https://amazingslider.com/wp-content/uploads/2012/12/dandelion.jpg');
高度：300px；
宽度：300px；
背景尺寸：封面；
背景位置：中心；
}
.image:hover~。图像标题{
不透明度：1；
}
.图片标题{
不透明度：0；
过渡：不透明度1s；
显示：内联块；
宽度：300px；
文本对齐：居中；
保证金：0；
}
将鼠标悬停在图像上
图像标题
感谢您为我捕捉到这一点，但是，这不是我遇到的问题。我相信我没有正确访问css元素。我上面的所有功能都无法正常工作，因为我没有正确更改css属性。我正试图将鼠标悬停在图像上，然后在图像旁边显示文本。因此，从技术上讲，我不会这样做我只需要javascript就可以首先访问图像，然后添加函数使其旁边的文本可见？这是一般的想法。感谢您为我捕捉到了这一点，但是，这不是我遇到的问题。我相信我没有正确访问css元素。我上面的每个功能都无法工作，因为我没有更改css属性正确。我正在尝试将鼠标悬停在图像上，然后让文本显示在图像旁边。因此，从技术上讲，我不需要使用javascript来首先访问图像，然后添加函数以使其旁边的文本可见吗？这是一般的想法。