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>

然而，在我点击更新后，单词“Hi there”仍然存在。如果我每隔一段时间点击一次更新，它会说“你点击更新”。我意识到这可能很简单，但我是新的并且卡住了。请善待：）

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>

Answer 2

它对我来说很好..你能展示你的整个代码吗？对不起，这不是评论，你需要50个回复评论，所以我不得不把它作为答案。

Answer 3

您有两种解决方案：
1.您可以删除表单，代码可以正常工作。

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

 function UpdateElapsed() {
     UpdateDiv("Key", "You Clicked Update");
 }

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

2。在return false函数

中添加UpdateElapsed

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

 function UpdateElapsed() {
     UpdateDiv("Key", "You Clicked Update");
     return false;
 }
<div id="Key">Hi there</div>
<form name="DemoForm" method="get">
    <button onclick="return UpdateElapsed()">Update</button>
</form>

Answer 4

如果你给按钮一个id并通过javascript添加eventlistener就可以了。

DEMO

CODE：

HTML：

<div id="Key">Hi there</div>
<button id="my_btn">Update</button>

的javascript：

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

function UpdateElapsed() {
    UpdateDiv("Key", "You Clicked Update");
}

document.getElementById('my_btn').addEventListener('click', UpdateElapsed);

Answer 5

试试这个：

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

function UpdateElapsed() {
    UpdateDiv("Key", "You Clicked Update");
}

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

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

5 个答案: