javascript - ondblclick myfunction() 不触发

Question

我有以下 html 代码，它似乎没有触发函数toggle()。

<div id="element" align="center" ondblclick="toggle()" >
  <h1>
  <p id="tennis">
B
  </p>

</h1>
  <p id="date">
  </p>

</div>

javascript函数如下，可以执行at fiddle .

function toggle() {
  alert("hi");
}

我是否错误地访问了该函数，还是什么？

Answer 1

更改 JS 加载类型。

Javascript:

function toggle() {
  // alert("hi");
  var el = document.getElementById("tennis").innerHTML;
  el = (el === 'B' ? 'K' : 'B');
  document.getElementById("tennis").innerHTML = el;
}

HTML:

<div id="element" align="center" ondblclick="toggle()">
  <h1>
    <p id="tennis">B</p>
  </h1>
</div>

JS Fiddle