javascript - 使用 javascript 修改 Div 元素

标签 javascript

我的脚本无法运行或 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/

相关文章:

javascript - 如何使用 Angularjs 将 html 添加到 DOM 中?

javascript - Sizzle JS 是如何工作的?

javascript - Canvas 在 HTML 文件中工作,但在 javascript 文件中不工作

javascript - 圆弧上的边缘,使用 Canvas

javascript - Foundation 5 Topbar 在 rails 4 中不能持续工作

javascript - 如何使用循环将 key 对添加到对象文字中——而不覆盖现有条目?

javascript - 比较两个包含对象的数组以计算发生了什么变化?

javascript - javascript 中的圆括号 () 放置 - 不寻常的语法?

javascript - Canvas 旋转后查找坐标

javascript - 在数据表中的 fnInitComplete 函数内使用 fnDrawCallback