gpt4 book ai didi

javascript - 使用 javascript 移动元素

转载 作者:行者123 更新时间:2023-11-28 15:32:35 24 4
gpt4 key购买 nike

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

关于javascript - 使用 javascript 移动元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26697756/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com