Question

我已查看了所有内容，但我无法解决此问题...我的HTML代码是：

<html>
    <head>
        <title>Cool Game</title>
        <script type="text/javascript" src="JavaScript.js"></script>
        <link rel="stylesheet" href="CSS.css">
        <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
    </head>
    <body>
        <p id="para">Some text here</p>
        <img src="MinerLeft.png"id="img">
    </body>
</html>

我的javascript代码是：

document.getElementById("img").style.left = "100px";

在控制台中打印：

JavaScript.js:1 Uncaught TypeError: Cannot read property 'style' of null
at JavaScript.js:1

帮助？

Answer 1

使用：

$( document ).ready(function() {
    document.getElementById("img").style.left = "100px";
});

确保在针对它们运行脚本之前加载了元素。

以下是有关其工作原理的文档：document ready

如果没有设置位置，左边的css样式也不会做任何事情，所以也许试试这个：

$( document ).ready(function() {
    document.getElementById("img").style.position = "relative";
    document.getElementById("img").style.left = "100px";
});

无法获取过去无法获取读取属性样式的null

1 个答案: