我的脚本无法运行或 document.getElementById("toMove");似乎没有捕获这个元素。 它是非常基本的 JavaScript,但我不明白为什么它不起作用。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
<style>
#toMove
{
background-color:lightblue;
position:absolute;
}
</style>
<script>
var elem = document.getElementById("toMove");
elem.style.margin = "600px";
</script>
</head>
<body>
<div id="toMove" style="margin:200px; font-size:26px;"> Hello World</div>
</body>
谢谢
最佳答案
正确关闭标签。问题是当你的脚本执行你的元素 toMove
在 DOM 中不存在
将代码包装在 window.onload
中。该函数在页面加载完成后执行 JavaScript。
window.onload = function(){
var elem = document.getElementById("toMove");
elem.style.margin = "600px";
}
或者,只需在 HTML 声明之后编写脚本
关于javascript - 使用 javascript 修改 Div 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21216850/