我有一个非常新手的问题。我有这个“汉堡”菜单:http://alexe.ro/beta/ (右上角),如果选中,我想向 <body>
添加一个类,如果可能的话。
问题是我只想使用 javaScript,而不是 jQuery。 如果我知道如何做到这一点,这将对我(严重有限的)javaScript 知识有所帮助。
这是代码:
<input type="checkbox" class="menuToggle" id="menu-toggle-right" data-toggle="right">
提前谢谢您。
最佳答案
检测是否已在复选框上的 onchange
事件处理程序中进行了检查。
在该复选框内,检查 checked
属性以查看它是否已被选中,然后使用 classList
添加或删除您想要的类(class)。
document.getElementById('menu-toggle-right').onchange = function() {
var method = this.checked ? 'add' : 'remove';
document.body.classList[method]('my-class');
}
body.my-class { background-color:#f44; }
<input type="checkbox" class="menuToggle" id="menu-toggle-right" data-toggle="right">
关于javascript - 如果检查输入,则将类应用于 <body>,而不使用 jQuery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28813510/