使用javascript将另一个类添加到div

Question

我有一个函数来检查表单提交的年龄,然后根据年龄在div中返回新内容.现在我只是使用getElementById来替换html内容.我认为如果我也可以为div添加一个类,那对我来说会更好.所以例如我有..

if (under certain age) {
    document.getElementById('hello').innerHTML = "<p>Good Bye</p>"; 
    createCookie('age','not13',0)
    return false;
} else {
    document.getElementById('hello').innerHTML = "<p>Hello</p>";  
    return true;
}

我想要做的是将所有东西都放在div中,如果返回false,那么div就会消失并被其他内容替换..我能用一个很好的方法获得任何想法,用纯粹的javascript实现这一点.我不想为这个特殊的功能使用jQuery.

Answer 1

如果元素没有类,请给它一个.否则,追加一个空格,后跟新的className:

  var el = document.getElementById('hello');
  if(el) {
    el.className += el.className ? ' someClass' : 'someClass';
  }

Answer 2

使用Element.classList

document.getElementById('hello').classList.add('someClass');

.add如果该元素上尚不存在该类,则该方法仅添加该类.因此无需担心重复的类名.

Answer 3

您可以className使用前导空格将类附加到成员.

document.getElementById('hello').className += ' new-class';

请参阅https://developer.mozilla.org/En/DOM/Element.className