首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >当javascript中的变量发生变化时更新div内容

当javascript中的变量发生变化时更新div内容
EN

Stack Overflow用户
提问于 2013-05-21 04:19:34
回答 4查看 2.4K关注 0票数 0

我找遍了,但找不到我真正需要的东西。我想让包含变量值的div在每次变量发生变化时进行更新。这个是可能的吗?而无需重新加载整个页面,因为这将重置变量值。

代码语言:javascript
代码运行次数:0
运行
复制
<head>
<script> var eg=30</script>
</head>
<body>
<div> 30 </div>

<button onclick=eg++>increase</button>
</body>

那么我该如何使包含该数字的div更新呢

EN

回答 4

Stack Overflow用户

发布于 2013-05-21 04:21:48

在更新变量后,您必须将其写入div。

代码语言:javascript
代码运行次数:0
运行
复制
 <head>
 <script> var eg=30</script>
 </head>
 <body>
 <div id="mydiv"> 30 </div>
 <button onclick='eg++; document.getElementById("mydiv").innerHTML = eg;'>increase</button>
 </body>
票数 2
EN

Stack Overflow用户

发布于 2013-05-21 04:22:34

代码语言:javascript
代码运行次数:0
运行
复制
document.getElementsByTagName('div')[0].innerHTML = your_var;

在onclick事件上添加此内容

票数 0
EN

Stack Overflow用户

发布于 2013-05-21 04:22:49

代码语言:javascript
代码运行次数:0
运行
复制
<head>
<script> var eg=30</script>
</head>
<body>
<div id="display"> 30 </div>
<button onclick="eg++;document.getElementById('display').innerHTML = eg;">Increase</button>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/16657665

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档