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

如果元素没有类，给它一个。否则，在新类名后附加一个空格:

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