js取不到值的两种情况

软件教程 2024-01-09

有时在使用 javascript 取 html 元素的值，发现总是取不到值，不知道原因，可能会很久都解决不了。用 javascript 取不到值常常有以下几种情况。

1、javascript 放到了待取值元素的前面

当 javascript 放到了待取值元素的前面时，javascript 执行时，由于待取值的元素还没有加裁，所以 javascirpt 找不到此元素，导致取不到值。实例如下：

<!DOCTYPE html>
  <html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>js取不到值的几种情况</title>
    <style type="text/css">
      .content{
        width:500px;
        overflow:hidden;
        border:1px solid #ddd;
      }
      .show{display:block;}
      .hide{display:none;}
    </style>
  </head>
  <body>
    <div class="content">
      <div id="test" class="hide"><a href="http://www.computer26.com/">网页打不开</a></div>
    </div>
    <script type="text/javascript" language="javascript">
      function init(){
        var obj = document.getElementById("test");
        if(obj.className == "hide")
          obj.className = "show";
        alert(obj.innerHTML);
      }
      init();
    </script>
  </body>
  </html>