HTML/Javascript-Javascript变量未显示在HTML中_Javascript_Html_Html Table

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

javascript html

HTML/Javascript-Javascript变量未显示在HTML中,javascript,html,html-table,Javascript,Html,Html Table,最近刚开始乱搞HTML和Javascript。由于某种原因，当我运行HTML代码时，javascript变量没有显示在HTML代码中 HTML: 运行HTML代码时，它会显示以下内容： . 变量应该在那个单元格中那么为什么变量没有显示在HTML中呢？如果您需要查看更多代码，请告诉我。它没有显示的原因是您的javascript代码已经执行，而HTML代码还不存在因此，当您调用document.getElementById（“solider\u cost”）.innerHTML=solider

最近刚开始乱搞HTML和Javascript。由于某种原因，当我运行HTML代码时，javascript变量没有显示在HTML代码中

HTML:

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

那么为什么变量没有显示在HTML中呢？

如果您需要查看更多代码，请告诉我。

它没有显示的原因是您的javascript代码已经执行，而HTML代码还不存在

因此，当您调用

document.getElementById（“solider\u cost”）.innerHTML=solider\u cost

时，它找不到该元素

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

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

HTML

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

希望有帮助。

元素

在哪里？您要查找的元素需要在代码运行时存在。另外，请检查您的控制台是否有错误。@false哦，我觉得很傻，甚至没有考虑脚本元素。忘了把它放在底部。谢谢。我想你的JS是在没有加载主题时执行的，所以你的TD不存在。这个js是在哪里执行的？没有更多的细节，有太多的事情可能会导致这个问题。这并不意味着所有的代码，只是足够的代码来显示它不起作用。你的HTML和JavaScript在不同的位置吗？调试器在说什么？有没有返回错误？我们能看到完整的HTML和完整的JavaScript吗？你的代码对我来说很好。

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

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

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

$(function() {

   var solider_cost = 100;

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

});