JS 代码在我的页面上有效但在 fiddle 上不起作用，为什么？

Question

我有一段小代码可以在我的网站上运行，但它在 fiddle 上不起作用，为什么？我已在 body 中打开 - 不换行 -。这是一个应该切换的小按钮，它在页面上切换而不是 fiddle。

    function details(){
  reg.classList.toggle("reg");
}

Answer 1

变量可能在您这边声明了，但您忘记在 fiddle 中声明了。

var reg = document.getElementsByClassName('reg')[0];

Answer 2

您的代码应如下所示

function details(){
  var reg = document.querySelector('.reg');
  reg.classList.toggle("reg");
}

我猜你缺少选择器部分

Answer 3

没有为 reg 定义的变量。你可以尝试下面的一个来获得参考。这将存在于您的代码库中，这就是它可以工作的原因

 var reg = document.querySelector('.reg');

更新：

如果您希望文本也像 "More Details" 或 "Less Details" 一样被修改参考这个：http://jsfiddle.net/4pLp8sb0/41/

JS code working on my page but does not on fiddle, why?