Question

我知道它几乎是javascript中最简单的东西，但我试过我无法得到这项工作。我只想要一些图片更新一些放在它们后面的文字。如果我把document.write放在当然不好的函数中，因为它会创建一个全新的页面。

<html>
  <body>
    <div id="kepek">
      <img src="kepek/1.png" onclick="egy()">
      <img src="kepek/2.PNG">
      <img src="kepek/3.PNG">
      <img src="kepek/4.PNG">
      <img src="kepek/5.PNG">
    </div>
    <script>
      var osszeg = 0;

      function egy() {
        var osszeg = parseInt("8000");
        document.write(osszeg);
      }

      document.write(osszeg);
    </script>
  </body>
</html>

我想要不清除页面但在页面末尾（图片之后）应该显示一个新的数字。后来我也想更新那个号码（没有刷新页面，只需点击按钮/图片......）我知道这是一个愚蠢的问题。感谢

Answer 1

最简单的解决方案是在页面末尾创建一个元素，然后在该元素中显示osszeg的值。容易实现：

HTML：

<div id="osszeg"></div>

并且在JS中，何时想要更新div：

document.getElementById('osszeg').innerHTML = osszeg;

另请注意对您的问题的评论，您可以通过在函数中声明它来覆盖osszeg的原始值。

Answer 2

您需要使用appendChild或innerHTML等方法。下面的代码将插入一个id =“kepek-status”的span，并在每次单击时将其innerHTML设置为osszeg。我不确定你为什么要将它解析为int，因为你无论如何都必须将它存储为字符串。 ""+osszeg将其转换回字符串，然后将其存储在新的范围内。

<html>
  <body>
    <div id="kepek">
      <img src="kepek/1.png" onclick="egy()">
      <img src="kepek/2.PNG">
      <img src="kepek/3.PNG">
      <img src="kepek/4.PNG">
      <img src="kepek/5.PNG">
    </div>
    <script>
      var osszeg = 0;

      function egy() {
        var kepek = document.getElementById('kepek');
        var status = document.getElementById('kepek-status');
        if (!status) {
          status = document.createElement("span");
          status.setAttribute("id", "kepek-status");
          kepek.appendChild(status);
        }
        var osszeg = parseInt("8000");
        status.innerHTML = ""+osszeg;
      }
    </script>
  </body>
</html>

如何在javascript中更新一些变量？

2 个答案: