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