<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