JavaScript getElementById返回空错误？

所以我刚刚开始使用HTML和JavaScript，我认为尝试使用iFrames会很有趣。JavaScript getElementById返回空错误？

但我遇到了一个问题，我似乎无法来解决：遗漏的类型错误：无法读取空

的特性“价值”这是代码：

<!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>

来源

2015-07-11 Bram

的DOM渲染之前，您的脚本执行。将您的脚本移至您的html末尾 – nikhil

对不起，我没有看到那个。我是StackOverflow的新手。对不起，谢谢。 – Bram

不是问题布拉姆。 – nikhil

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

或者你也可以更新你的脚本以下

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

来源

2015-07-11 16:40:48 nikhil

JavaScript getElementById返回空错误？

回答

相关问题