div的内容更新时，在javascript中的变化变化

我已经搜索周围，但无法找到我所需要的。我希望包含变量值的div在每次变量发生变化时进行更新。这可能吗？无需重新加载整个页面，因为这会重置变量值。div的内容更新时，在javascript中的变化变化

<head> 
<script> var eg=30</script> 
</head> 
<body> 
<div> 30 </div> 

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

如何将我然后进行包含数字更新

来源

2013-05-20 Hamzah Malik

你必须写你的变量更新之后到div的股利。

<head> 
<script> var eg=30</script> 
</head> 
<body> 
<div id="mydiv"> 30 </div> 
<button onclick='eg++; document.getElementById("mydiv").innerHTML = eg;'>increase</button> 
</body>

来源

2013-05-20 20:21:47

document.getElementsByTagName('div')[0].innerHTML = your_var;

在onclick事件

来源

2013-05-20 20:22:33 Sam

<head> 
<script> var eg=30</script> 
</head> 
<body> 
<div id="display"> 30 </div> 
<button onclick="eg++;document.getElementById('display').innerHTML = eg;">Increase</button>

来源

2013-05-20 20:22:48 thatidiotguy

开始通过创建一个函数，既增加了柜台，并更新DIV添加此。然后，从onclick调用该函数。如果您将脚本放在底部，您可以轻松地从HTML中删除所有内联脚本，这将使其更易于组织和阅读：

<body> 
    <div id="egDiv"> 30 </div> 
    <button id="egButton">increase</button> 

    <script> 
    var eg=30 

    // Function to increase the counter 
    function increaseEg() { 
     eg++; 
     document.getElementById('egDiv').innerHTML = eg; 
    } 

    // Add onclick handler, the simplest way: 
    document.getElementById('egButton').onclick = increaseEg; 
    </script> 
</body>

来源

2013-05-20 20:27:04 bfavaretto

div的内容更新时，在javascript中的变化变化

回答

相关问题