将部分jquery替换为javascript进度条加载

我想将代码“$（'body'）.addClass（'noscroll'）；”替换为香草javascript，我尝试了不同的解决方案，但不起作用

谢谢大家!

$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
//$（'body'）.addClass（'noscroll'）；
var el=document.getElementsByTagName（'body'）；
el.className=“noscroll”；
document.querySelector（“#overlay”）.classList.remove（'is-visible'）；
});
});
#覆盖{
背景：#ffffff；
颜色：#666666；
位置：固定；
身高：100%；
宽度：100%；
z指数：5000；
排名：0；
左：0；
浮动：左；
文本对齐：居中；
垫面：25%；
不透明度：.80；
}
钮扣{
利润率：40像素；
填充：5px20px；
光标：指针；
}
斯宾纳先生{
保证金：0自动；
高度：64px；
宽度：64px；
动画：旋转0.8s无限线性；
边框：5px实心耐火砖；
右边框颜色：透明；
边界半径：50%；
}
@关键帧旋转{
0% {
变换：旋转（0度）；
}
100% {
变换：旋转（360度）；
}
}
.可见{
显示：无；
}
诺斯克罗尔先生{
溢出：隐藏；
}

JS-Bin














负载微调器


加载。。。








































“lllk





正文
是
文档的一部分
因此

添加类

document.body.classList.add('noscroll');

并将其移除

document.body.classList.remove('noscroll');