javascript - 将 div 类更改为单击后激活或再次单击时禁用

Question

当我单击我的链接时，div 变为活动状态并加载了 ajax。但是，如果再次单击该链接，我怎么能说它应该变为非活动状态呢？

favourite.onclick = function() {     
        loadXMLDoc('indexFavourite'); 
        favourite.className = 'statusOptionActive'; 
}

Answer 1

favourite.onclick = function() {     
        loadXMLDoc('indexFavourite'); 
        var linkclass = favourite.className;
        if(linkclass == 'statusOptionDeactive')
            favourite.className = 'statusOptionActive';
        else
            favourite.className = 'statusOptionDeactive';
}

Answer 2

试试这个。

favourite.className = (favourite.className == 'statusOptionActive') ? 'statusOptionDeactive' : 'statusOptionActive';

以上检查当前className是否为statusOptionActive. 如果是，它将 更改className为statusOptionDeactive。如果否，则将其设置为statusOptionActive。

小提琴

Answer 3

你可以有一个全局变量，如：

var isDivActive = false;

默认情况下这是错误的。

favourite.onclick = function() {
    loadXMLDoc('indexFavourite');

    if (isDivActive) {
        favourite.className = 'statusOptionActive';
    }
    else {
        favourite.className = '';
    }

    isDivActive = !isDivActive;
}