JavaScript getElementById返回空错误？_Javascript_Dom

JavaScript getElementById返回空错误？

javascript dom

JavaScript getElementById返回空错误？,javascript,dom,Javascript,Dom,所以我刚开始使用HTML和JavaScript，我认为用iFrame进行实验会很有趣但我遇到了一个似乎无法解决的问题：未捕获的TypeError:无法读取null的属性“值” 代码如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script> var link = document.getElemen

所以我刚开始使用HTML和JavaScript，我认为用iFrame进行实验会很有趣

但我遇到了一个似乎无法解决的问题：未捕获的TypeError:无法读取null的属性“值”

代码如下：

<!DOCTYPE html>

<html>
    <head>
        <meta charset="UTF-8">
        <script>
            var link = document.getElementById("LinkJ");
            var button = document.getElementById("ButtonJ");
            var surf = document.getElementById("SurfJ");

            function PressButton(){
                surf.src = link.value;
            }
        </script>
    </head>

    <body>
        URL:
        <input name="LinkN" id="LinkJ" type="url" value="http://www.bing.com/"></input>
        <button name="ButtonN" id="ButtonJ" onclick="PressButton()">Surf</button>

        <br><br>

        <iframe name="SurfN" id="SurfJ" style="position: absolute; height: 80%; width: 90%" src="http://www.bing.com/">
        </iframe>
    </body>
</html>


var link=document.getElementById（“LinkJ”）；
var button=document.getElementById（“buttnj”）；
var surf=document.getElementById（“SurfJ”）；
功能按钮（）{
surf.src=link.value；
}
网址：
冲浪

在呈现DOM之前，脚本正在执行。将脚本移动到html末尾或正在使用的DOM元素之后

或者，您也可以将脚本更新为以下内容

<script>
    function PressButton(){
        document.getElementById("SurfJ").src = document.getElementById("LinkJ").value;
    }
</script>


功能按钮（）{
document.getElementById（“SurfJ”）.src=document.getElementById（“LinkJ”）.value；
}

在呈现DOM之前正在执行脚本。在你的htmlSorry结尾移动你的脚本，我没有看到那一个。我是个新手。对不起，谢谢。