函数未定义的Javascript(Basic）

Function Not Defined Javascript (Basic)

本文关键字：Basic Javascript 未定义 函数      更新时间：2023-09-26

很抱歉遇到此类问题，我试图寻找解决问题的方法，但找不到任何适用的方法。

我试图通过点击另一个元素来切换一个元素上的类，通过这样做：

var myCanvas = document.querySelector('main');
function btOne() {
  myCanvas.classList.toggle("one");
}

我定义了要添加类的div，并定义了函数。

<main></main>
<div class="pickers">
  <div class="pick one" onclick="btOne()"></div>
</div>

当我单击div时，它表示函数未定义。我似乎不明白它出了什么问题。查看我的演示，看看到底发生了什么。

顺便说一句，我尽量不使用像jQuery这样的库。

JSFiddle将您的代码包装在onload回调中，这将导致function btOne在函数中的作用域，而不是隐式全局作用域。

如果你想让btOne在全局范围内可用，你需要显式地分配它：

window.btOne = btOne;

更新的fiddle

相关文章：