Question

刚刚开始乱用HTML和Javascript。出于某种原因，当我运行HTML代码时，javascript变量不会显示在HTML代码中。

HTML：

<td id="solider_cost"></td>

javascipt的：

var solider_cost = 100;
document.getElementById("solider_cost").innerHTML=solider_cost

运行HTML代码时，会显示以下内容： Image。该变量应该在该单元格中。

那么为什么不在HTML中显示变量呢？如果您需要查看更多代码，请与我们联系。

Answer 1

之所以没有显示，是因为您的HTML代码<td id="solider_cost"></td>尚未存在时，您的javascript代码已被执行。

因此，当您致电document.getElementById("solider_cost").innerHTML=solider_cost时，它无法找到该元素。

为了实现您的目标，您可以执行以下选项：如果您需要这样做，我建议您使用选项1，否则，请使用Jquery。

创建一个函数并将其添加到HTML正文的onload属性中

HTML

<html>
  <body onload="loadSomething()"> Content here.. 

  <script type="text/javascript">

     function loadSomething() {
         var solider_cost = 100;
         document.getElementById("solider_cost").innerHTML=solider_cost
     }

   </script> 
  </body>
</html>

2。使用Jquery

$(function() {

   var solider_cost = 100;

   document.getElementById("solider_cost").innerHTML=solider_cost

});

上述代码仅在文档加载完成后执行。

希望有所帮助。

HTML / Javascript - Javascript变量未在html中显示

1 个答案: