JavaScript AppendChild 在重置之前会显示一小会儿

Question

我正在尝试使用超链接将一些 HTML 数据插入 div 标记，单击超链接时会调用 Javascript 函数。

HTML 数据有效，我要显示的项目出现，但执行后立即消失。

我尝试过 event.preventDefault()，它适用于基于 Chrome 的浏览器，但不适用于 Firefox。我尝试过在 Javascript 函数末尾使用“return false”，但它不起作用。

代码如下:

<div id="doHere"></div>
<p>Toggle <a href="" onclick="toggle()">HERE</a> !!!</p>
<script>
  function toggle() {
    // event.preventDefault(); // Does not work on Firefox
    document.getElementById('doHere').innerHTML = '<ol><li> Test test </li></ol>';
    // return false; // Not working on both Chrome and Firefox
  }
</script>

如何确保编辑后的 ​​HTML 是永久性的？

Answer 1

尝试使用 href 的“#”值

<div id="doHere"></div>
<p>Toggle <a href="#" onclick="toggle()">HERE</a> !!!</p>
<script>
  function toggle() {
    // event.preventDefault(); // Does not work on Firefox
    document.getElementById('doHere').innerHTML = '<ol><li> Test test </li></ol>';
    // return false; // Not working on both Chrome and Firefox
  }
</script>