更改并从函数 javascript 中获取值

Posted

技术标签:

【中文标题】更改并从函数 javascript 中获取值【英文标题】:change and get value from function javascript 【发布时间】:2011-08-25 10:35:13 【问题描述】:

这就是我想做的,但是用另一个嗯...技术/方法,。第一个有效,第二个无效:

函数你好() var number = document.getElementById("omg").innerhtml; 如果(数字==未定义) 数字=0; 数字++; document.getElementById("omg").innerHTML=number;
<input type="submit" value="yeah" onclick="hello()">
<div id="omg"></div>

这是我想做的方式,我想使用但它不起作用的技术。

函数你好() 变量号; 如果(数字==未定义) 数字=1; document.getElementById("omg").innerHTML=number; 数字++;
<input type="submit" value="yeah" onclick="hello()">
<div id="omg"></div>

我不想从 div 中获取最后一个值,而是从函数中的字符串中获取它。所以关键是每次我单击按钮时,数字都会增加一。

【问题讨论】:

【参考方案1】:

好的,您需要将 number 设为全局变量,而不是函数的局部变量。否则每次调用该函数时,它都会将 number 重置为 1。

var number;

function hello() 
    if(number==undefined)
      number=1;
    
    document.getElementById("omg").innerHTML=number;
    number++;

【讨论】:

是的!,它有效!谢谢!,我不知道为什么我没有尝试过【参考方案2】:

将初始值存储在 div 本身中(保存声明,无论如何您都必须显示一些内容)

<input type="submit" value="yeah" onclick="hello();"/>
<div id="omg">0</div>

并像这样调用函数:

function hello()
   var t = document.getElementById("omg").innerHTML;
   document.getElementById("omg").innerHTML = parseInt(t,10) + 1;

fiddle with it here

【讨论】:

以上是关于更改并从函数 javascript 中获取值的主要内容,如果未能解决你的问题,请参考以下文章

无法更改 Javascript 中数字输入的默认值

Fetch:使用获取响应设置变量并从函数返回

将多列作为参数传递给函数,并从函数中为python中的数据框获取新列

使用javascript获取数组中的所有css根变量并更改值

在更改之前获取输入的旧值并将总值更改为 + 或 -

在javascript中设置innerHTML并从C#中获取