我正在尝试使用Javascript移动div元素。我已经使用setInterval函数并增加了值。我的代码是：
<html>
<head>
<link rel="stylesheet" href="styles.css" type="text/css">
</head>
<button id="something"> click me </button>
<body>
<div id="insidename"><div>
<script>
var m = document.getElementById('something');
m.onclick = function() {
var n = 0;
window.setInterval(function() {
var w = n++;
document.getElementById('insidename').style.width = w;
}, 2000);
}
</script>
</body>
</html>
我的styles.css
#insidename {
border: 2px solid #a1a1a1;
padding: 10px;
background: #dddddd;
width: 15px;
}
我只想在单击按钮时移动进度栏。但是我编写的代码无法正常工作
最佳答案
width样式的末尾需要单位，例如px。因此应该是：
document.getElementById('insidename').style.width = w+"px";