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返回空錯誤？

回答

相關問題