如何通过onclick事件JS更新/更改页面？

Question

我有一个带有onclick事件的按钮，除了ID为search()的div之外，还调用函数#images。我试图在这个div中添加一些东西。字符串显示，然后快速消失。怎么了？

<div id="images"> </div>    

function search(){
    var div = document.getElementById(myDiv);
    div.innerHTML = div.innerHTML + 'Extra Stuff';
}

Answer 1

我觉得你的按钮是{{ protocol }}://{{ domain }}{% url 'password_reset_confirm' uidb64=uid token=token %} 。

这意味着您的脚本将检索文本，更新您的type="submit"，然后回发到服务器（从而刷新页面并重置div的内容）。

我无法确定，因为您尚未提供所有代码，但对事件的描述会让我得出这个结论。

如果不是这样，请提供您的所有代码。

Answer 2

您将myDiv传递给document.getElementById()。你应该传递一个包含你目标div的id的字符串。

根据你的例子：

function search() {
  var div = document.getElementById('images');
  div.innerHTML = div.innerHTML + 'Extra Stuff';
}

<div id="images"> </div>    

<button onclick="javascript:search();">Search</button>