Question

我创建了一个剧透标签脚本，用户点击剧透文本，文本将被删除或更改字体颜色，具体取决于分配给它的类。我更喜欢Javascript的菜鸟。

我的脚本只有当我在空白时点击被破坏的文本时才有效 - 所以当我点击它时，我无法重新点击以将其更改回来。

以下是有效的代码：

// Hide Spoiler Individually
var singleHidden = document.getElementsByClassName("hidden");

var hideMe = function () {
    var attribute = this.getAttribute("hidden");
    this.className = "show";
};

for (var i = 0; i < singleHidden.length; i++) {
    singleHidden[i].addEventListener("click", hideMe, false)
};

这里是jsfiddle的链接。 https://jsfiddle.net/o94c00hb/

Answer 1

试试这个：

var hideMe = function() {

   if(this.className == "hidden")
        this.className = "show"
    else
        this.className = "hidden"
};

Answer 2

如果你不反对使用jquery，我会做这样的事情：

$('.hidden').on('click', function(){
    $(this).toggleClass('show');
});

JSFIDDLE

如何在onclick后更改课程

2 个答案: