js无法修改某一元素的属性值,控制台显示:未捕获类型错误:无法设置未定义的属性(设置为“左”)

<style>
        .move{
            width: 100px; 
            height: 100px;
            background-color: red;
            position: relative;
            left: 10px;
        }
    </style>
<body>
    <div class="move"></div> 
    <button class="btn">开始</button>
    <script src="./移动.js"></script>
</body>

// 获取元素
var move = document.getElementsByClassName('move');
var btn = document.getElementsByClassName('btn')
// 速度
var spead = 3;
//起点/终点
var start = 50;
var end = 600;
var run = true;
var stay = false;
for(;spead < 600;){
    spead += 10;
    move.style.left = spead + 'px';
}

move.style.left你这里肯定是会报错的哈,因为上面move的获取错误,应该要加上[0],即var move = document.getElementsByClassName('move')[0]。通过类名、标签名来获取元素的时候要注意一下

getElementsByClassName('xxx')获取的是类名为xxx的元素的集合(类数组,可以通过下标获取集合里的元素)。
可以通过下标获取你想定义style.left的元素。

似乎没法直接使用style. 的方式改变其值,你可以尝试输出move.style查看它是object还是string