Javascript 通过单击,元素的类是否可能更改?

Javascript 通过单击,元素的类是否可能更改?,javascript,html,Javascript,Html,我想为我的网站设置一个开关,当你点击它时,页面的语言会改变。昨天我在一个网站上看到了一个真实的例子 以下是链接: 标题左侧的对象正是我想要实现的,但是我不想改变背景,而是想改变语言 我已经有了改变语言的功能,我的问题是对象,我下载了文件的图像和css 我仔细查看了firebug的代码,当您单击标记时,标记的类将更改为class=changestyle 我该怎么做?谢谢你的建议 YOUR_ELEMENT.addEventListener("click", function(){ this.

我想为我的网站设置一个开关,当你点击它时,页面的语言会改变。昨天我在一个网站上看到了一个真实的例子

以下是链接:

标题左侧的对象正是我想要实现的,但是我不想改变背景,而是想改变语言

我已经有了改变语言的功能,我的问题是对象,我下载了文件的图像和css

我仔细查看了firebug的代码,当您单击标记时,标记的类将更改为class=changestyle

我该怎么做?谢谢你的建议

YOUR_ELEMENT.addEventListener("click", function(){
    this.classList.toggle("changestyle");
});
演示:|


演示:|

对于非纯javascript方法,您可以尝试使用jquery选择切换元素,如下所示:

$('element').click(function(){
     $(this).toggleClass('language');
});

然后,在CSS中,您可以为非纯javascript方法应用您想要的任何规则,您可以尝试使用jquery选择切换元素,如下所示:

$('element').click(function(){
     $(this).toggleClass('language');
});


然后在CSS中,您可以应用任何您想要的规则

如何更改语言?脚本?@Karthikeyan:yep…$your element.clickfunction{$this.toggleClasschangestyle;};您可以使用JQuery的.removeClass/.toggleClass/。addClass@user1394628-没人说OP想要jQuery。你如何改变语言?脚本?@Karthikeyan:yep…$your element.clickfunction{$this.toggleClasschangestyle;};您可以使用JQuery的.removeClass/.toggleClass/。addClass@user1394628-没有人说OP想要jQuery。为什么要使用jQuery?从标记描述来看:除非还包括框架/库的标记,需要一个纯JavaScript的答案。我仍然可以将其视为一个有效的答案-但至少应该包含一些关于它的注释,而不仅仅是要求的纯JavaScript。为什么要使用jQuery?从标记描述中可以看出:除非还包含框架/库的标记,应该是一个纯JavaScript的答案。我仍然可以将其视为一个有效的答案-但至少应该包含一些关于它的注释,要求的不仅仅是所请求的纯JavaScript。是JQuery还是JavaScript?这是纯JavaScript。以直接使用javascript为例。@jcsanyi-谢谢你的例子。是JQuery还是javascript?这是纯javascript。以直接使用javascript为例。@jcsanyi-谢谢你的例子。