使用onclick和javascript函数更改值

Question

我试图改变"qa“的价值。js函数运行良好。但是，我无法在span之间更改"ID1“值。当我点击图像按钮加，我想改变值为2，即改变值的一个步骤，也见截图。屏幕截图中的值1来自document.write(qa)。我是新来的，我愿意接受任何帮助，谢谢！

图像:单击“加号”将步骤1的值更改为从1改为2

​

var qa = 1;

function adq(x) {
  qa = qa + x;
} 

<html>
<div id="Group_1">
  <input type="image" id="Goup_m_1" src="some.png" name="submit_plus" onclick="adq(1)">
  <div id="Value">
    <span>Value</span>
  </div>
  <div id="ID1">
   <span>
     <script>
         document.write(qa);
     </script>
   </span>
</html>

​

Answer 1

要显示增量值，您必须获得div (document.getElementById("ID1"))并以这种方式设置innerHTML属性：

​

function adq(x) {
  qa = qa + x;
  document.getElementById("ID1").innerHTML = qa;
} 

<html>
<div id="Group_1">
  <input type="image" id="Goup_m_1" src="some.png" name="submit_plus" onclick="adq(1)">
  <div id="Value">
    <span>Value</span>
  </div>
  <div id="ID1">
   <span>
     <script>
         var qa = 1;
         document.write(qa);
     </script>
   </span>
   </div>
</html>

​

Answer 2

看看事件的顺序：

1. 声明变量并将其赋值为1。
2. 将该变量的值(1)写入文档
3. 单击按钮并将变量的值更改为2

第二步发生在第三步之前！

对该值的更改不会随时间回移，因此当您读取它以传递给document.write时，它是2。

如果要更改文档中的文本节点，则需要显式更改该文本节点。

MDN有一个操作文件指南。

Answer 3

现在起作用了。我创建了两个js函数。一个用于计算新值，另一个用于显示增量值。onclick之后，它调用两个函数并在span id=qa中显示新值，该值从值1开始。

谢谢大家的帮助！

​

var qa = 1;

        function adq() {
            qa = qa + 1;
        }

        function display() {
            document.getElementById("qa").innerHTML = qa;
        }

​

​

<html>
<div id="Group_1">
  <input type="image" id="Gruppe_maskieren_1" src="Gruppe_maskieren_1.png" name="submit_adults_plus" onclick="adq();display();">
  <div id="Value">
    <span>Value</span>
  </div>
  <div id="ID1">
  <span id="qa">1</span> 
   </div>
</html>

​