JavaScript函数不'；t启动CSS更新和.getElementById

基于JS中的切换，我创建了一个解决方案，用于切换两个

div

的显示/隐藏，以及更新JS中不同的

span

文本（fiddle here:）

问题是，当javascript使用我以前部署过的功能时，没有一个javascript会启动，我也不知道为什么

javascript对三个不同的

onclick

事件做出反应，所有这些事件都取决于读取和更新变量：

var state = {
lang: "en",
latinview: "inter"
}

JSFIDLE中的功能（使用

开关

和

如果

）：

onclick=“changeDocView（）”

• 取决于

  状态。拉丁视图

  ：更改按钮和
  文本

• 显示/隐藏

  div class=“document inter”

  和

  div class=“document diplo”

onclick=“showFrench（）”

• 显示

  class=“fr”

• 隐藏

  class=“en”

• 取决于

  状态。拉丁视图

  ：更改按钮和
  文本

onclick=“showEnglish（）”

• 显示

  class=“en”

• 隐藏

  class=“fr”

• 取决于

  状态。拉丁视图

  ：更改按钮和
  文本

逻辑正是我所需要的，在组件中它是有效的。但这是我第一次尝试在JS中测试变量的基础上启动操作

非常感谢。

• 添加jquery库
• 在“加载类型选项”中，选择“不包裹-头部底部”（位于脚本编辑器顶部）。jsfiddle中的默认加载类型是“On-load”，当选择“On-load”时，代码包装在onload方法中，并且不能从html调用js函数。或者，您可以像这样在js中设置事件函数

document.getElementById（“idOfElement”）.onclick=function（）{//do something}

---

工作代码：

您正在混合和匹配jquery，而您的小提琴没有jquery。我仍在学习这些东西，包括jsfiddle.@DanielA.White。我认为唯一的问题不是jquery引用。如果是这样的话，只有使用jquery方法的代码部分会导致错误，但在本例中，错误是“函数未定义”。谢谢！问题：最好使用

document.getElementById（“idOfElement”）.onclick=function（）{//do something}

，还是使用jquery

$（“#id”）。在HTML中单击（function（）

来代替

onclick=“

属性？jquery使它更简单、更简短，我认为您应该选择jquery-one。