发表新帖
发表新帖

Javascript, fastest way to remove a class from `<body>`

后端 未结
关注
5 884
不知归路
不知归路 2021-01-31 09:44

I have a body element on which I add a few classes. And I want to remove the no-javascript class from it, after it\'s being read by the browser.
5条回答
  • 日久生厌
    日久生厌 (楼主)
    2021-01-31 10:42

    There are no native javascript functions for this, but I always use the following code (borrowed from/inspired by this snipplr

    function removeClass(ele,cls) {
   var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)');
   ele.className = ele.className.replace(reg,' ');
}

removeClass(document.getElementById("body"), "no-javascript")

    The regex does a better job than the replace functions mentioned in other answers, because it checks for the existence of that exact className and nothing more or less. A class named "piano-javascript" would stay intact with this version.

    For modern browsers (including IE10 and up) you could also use:

    document.querySelector('body').classList.remove('no-javascript');

    0 讨论(0)
 看不清?
提交回复
热议问题