如何使变量成为getElement中的select Id

时间:2018-04-14 23:38:43

标签: javascript html

如何将变量设为getElement中的select Id?当我尝试它时,它返回null。我的代码如下所示:

<html>
 <head>
 </head>
 <body>
   <p id = "test">hi</p>



  <script>
    var test = "test";
    document.getElementById(test).innerHTML = "complete";
  </script>

 </body
</html>

1 个答案:

答案 0 :(得分:2)

该代码似乎工作得很好(除了未封闭的body标签),这是一个可运行的代码版本,已修复:

&#13;
&#13;
<html>
 <head>
 </head>
 <body>
   <p id = "test">hi</p>



  <script>
    var test = "test";
    document.getElementById(test).innerHTML = "complete";
  </script>

 </body>
</html>
&#13;
&#13;
&#13;

请记住,js代码几乎会立即发生,因此您无法看到&#34; hi&#34;部分。如果你希望它在1秒后改变,请使用:

&#13;
&#13;
<html>
 <head>
 </head>
 <body>
   <p id = "test">hi</p>



  <script>
    var test = "test";
    setTimeout(function () {
        document.getElementById(test).innerHTML = "complete";
    }, 1000);
  </script>

 </body>
</html>
&#13;
&#13;
&#13;

我改变了所有内容,将document.getElementById()放入setTimeout

希望这会有所帮助。