javascript - 一旦div的内容发生变化，如何让页面更新

Question

我正在尝试更改 div 中的文本，但运气不太好。通过四处寻找，我得出了以下结论:

<script type="text/javascript">
    function UpdateDiv(fieldname, text) {
        document.getElementById(fieldname).innerHTML = "<strong>" + text + "</strong>"
    }

    function UpdateElapsed() {
        UpdateDiv("Key", "You Clicked Update");
    }
</script>

<div id="Key">Hi there</div>
<form name="DemoForm" action="">
    <button onclick="UpdateElapsed()">Update</button>
</form>

但是在我点击更新后，“你好”的字样仍然存在。如果我每隔一段时间点击更新很多次，它就会说“你点击了更新”。我意识到这可能非常简单，但我是新手并且被卡住了。请善待:)

Answer 1

<script type="text/javascript">
    function UpdateDiv(fieldname, text) {
        document.getElementById(fieldname).innerHTML = "<strong>" + text + "</strong>"
    }

    function UpdateElapsed() {
        UpdateDiv("Key", "You Clicked Update");
    }
</script>

<div id="Key">Hi there</div>
    <button onclick="UpdateElapsed()">Update</button>