无法在函数内部访问JavaScript全局变量_Javascript

无法在函数内部访问JavaScript全局变量

javascript

无法在函数内部访问JavaScript全局变量,javascript,Javascript,代码如下： <html> <head> <title>JS Test</title> <script> var con=document.getElementById("con"); function btn() { con.innerHTML="Hello"; } </script> </head> <body> <input type=

代码如下：

<html>
<head>
<title>JS Test</title>
<script>
var con=document.getElementById("con");
    function btn()
    {
        con.innerHTML="Hello";
    }
    </script>
</head>
<body>
    <input type="button" value="Click me" onclick="btn()" />
    <div id="con"></div>
</body>
</html>

如何访问函数外部的全局变量declare？也尝试了window.con，但不起作用。。

请解释原因…

您正在头部运行脚本，因此DOM元素还不存在。尝试将脚本移动到页脚，您应该是金色的。

只需将脚本放在底部即可

实际上，当

document.getElementById（“con”）未在函数中声明，目标元素即将直接检索，但尚未存在。检查con的值，它将为null，这意味着已为其分配了一个值并且可用。
function btn()
{
    con=document.getElementById("con");
    con.innerHTML="Hello";
}