Question

当我点击HTML按钮时，源代码是否有可能发生变化？

例如，如果HTML上有一行说

  <p>The button was pressed <span id="displayCount">0</span> times.</p>

是否有可能改变它，所以它说

  <p>The button was pressed <span id="displayCount">1</span> times.</p>

当我阅读源代码或页面源代码时？

我正在使用Arduino发送一个HTTP请求，该请求将获取该页面的HTML代码。因此，Arduino实际上是在我们查看页面源时看到的。这与你“检查一个元素”有什么不同？

Answer 1

$("input").click(function(){
    $("#displayCount").html("1");
});

将jQuery与http://api.jquery.com/click/

一起使用

编辑：

如果您想进行动态增量，请按照其他人提供的方式进行：

 $("input").click(function(){
    var oldcount = parseInt($("#displayCount").html());
    $("#displayCount").html(oldcount++);
});

Answer 2

请在提出新问题之前进行搜索。

<button>click to up the count</button>
<p>The button was pressed <span id="displayCount">0</span> times.</p>
<script>
    $('button').click(function () {
        var newCount = parseInt($('#displayCount').text()) + 1;
        $('#displayCount').text(newCount);
    });
</script>

这里是小提琴：http://jsfiddle.net/Fe5e5/

Answer 3

怎么样？

$("#button").click(function() {
  $("#displayCount").html(parseInt($("#displayCount").text()) + 1);
  return false;
});

Answer 4

只需复制此代码

即可

<script>
var count = 0;
function increment_Count(){
    count +=1;
    document.getElementById('displayCount').innerHTML=count;
}
</script>
<p>The button was pressed <span id="displayCount">0</span> times.</p>
<input type="button" onclick="increment_Count();" value="Click To Increment"/>

单击HTML按钮可以更改HTML源代码吗？

4 个答案: