How do I add a class without having it get rid of the others?_问答_开发者

How do I add a class without having it get rid of the others?

开发者 https://www.devze.com 2023-02-03 21:25 出处：网络

I have the following code set up in my footer which adds a class of \'day\' during the time specified.

I have the following code set up in my footer which adds a class of 'day' during the time specified.

function setTimeStyles() {
    var currentTime = new Date().getHours();
    if(currentTime > 5 && currentTime < 17) {
    document.body.className = 'day';
    }
}

$(document).ready(function() {
    setTimeStyles();
});

The problem is when the class get开发者_如何学JAVAs added, it gets rid of the other classes already in place. For example, without the 'day' class added, my body tag would be:

<body class="home">

But when the 'day' class is added, my body tag turns into:

<body class="day">

I'd like it so that the 'day' class gets added to what's already there like this:

<body class="home day">

How can I go about doing this?

In jQuery you can do

$("body").addClass("day");

Have you tried replacing

document.body.className = 'day';

with

document.body.className = document.body.className + ' day';

I don't know how jquery adds a class, but you may want to be sure it is added (or moved) to the end of any existing list, giving it precedence in any collisions.

function addClass(node, cname){
 var C= node.className.split(/\s+/), L= C.length;
 while(L){
  if(C[--L]=== cname) delete C[L];
 }
 C.push(cname);
 node.className= C.join(' ').replace(/ {2,}/g,' ');
}