JS代码在我的页面上工作，但不是小提琴，为什么？

Question

我有一段正在我的网站上工作的小代码，但它不适用于小提琴，为什么？我打开了 - 没有包裹身体。它是一个应该切换的小按钮，它在页面上切换而不是在小提琴上切换。

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

http://jsfiddle.net/hubkubas/4pLp8sb0/26/

Answer 1

变量可能在您身边声明，但您忘了在小提琴中进行。

http://jsfiddle.net/4pLp8sb0/31/

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

Answer 2

您的代码应如下所示

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

我猜你缺少选择器部分

Answer 3

这是工作代码。 http://jsfiddle.net/4pLp8sb0/37/

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

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

<强>更新

如果您想要修改文字，例如＆＃34;更多细节＆＃34;或＆＃34;较少细节＆＃34; 请参考：http://jsfiddle.net/4pLp8sb0/41/