使用javascript移动元素

时间:2014-11-02 09:12:32

标签: javascript html dom

我正在尝试使用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>

my styles.css

#insidename {

    border: 2px solid #a1a1a1;
    padding: 10px;
    background: #dddddd;
    width: 15px;
}

当我点击按钮时,我只想让进度条移动..但是我写的代码不能正常工作

1 个答案:

答案 0 :(得分:4)

width样式最后需要单位,例如px。所以它应该是:

document.getElementById('insidename').style.width = w+"px";