como añadir clases a una etiqueta en javascript

[azaz]

Hola estoy intentando añadir una clase con dos nombres pero no lo consigo, tampoco encuentro la manera de hacerlo en google, probe asin:

Código Javascript:

document.getElementById("titulo").setAttribute("class","clase-uno clase-dos")
 

quiero conseguir esto:

Código HTML:

<h1 id="titulo" class="clase-uno clase-dos"></h1>
 

[ocp001a]

Yo suelo utilizarlo así:

document.getElementById("titulo").className ="clase-uno clase-dos";

[Italico76]

La respuesta de @ocp001a es correcta solo acotar que no es buena idea usar guiones medios en las clases de CSS ya que en algunos conextos podria no funcionarte.

[PHPeros]

También puedes hacerlo mediante la interfaz de classList, un poco experimental todavía:

Código Javascript:

titulo.classList.add("clase-uno","clase-dos");
 

Pero me extraña mucho que no te funione con setAttribute....

Iniciado por Italico76

La respuesta de @ocp001a es correcta solo acotar que no es buena idea usar guiones medios en las clases de CSS ya que en algunos conextos podria no funcionarte.

Eso es discutible

[Triby]

Italico76, supongo que te refieres a que podría haber problemas específicamente en Javascript, más no en CSS, cierto?

Podrías poner algún ejemplo, por favor?
Después de haber leido un artículo similar a este, comencé a usar los guiones para clases e ids, sin haber experimentado contratiempos hasta ahora; pero más vale prevenir.

[Italico76]

Iniciado por Triby

Italico76, supongo que te refieres a que podría haber problemas específicamente en Javascript, más no en CSS, cierto?

Cierto

Lo que pasa es que es una "tentacion" luego intentar usar el mismo nombre en la variable de JS donde sera un signo menos

Código Javascript:

var clase-uno = document.getElementByID('clase-uno');
 

Asi que... es preferible al menos para mi que soy 'puro despiste' usar guiones bajos para identificadores y clases css siempre que se pueda y asi puedo ser concistente con el naming de mis variables en JS.

Gracias por aclarar un poco mis dichos.... hoy estoy que la embarro en todo.


Por cierto, ese articulo que leiste hace referencia a navegadores muy viejos que diria que ya ni funcionan como Internet Explorer 4.x and 5.x e incluido Netscape!!!

[caricatos]

Iniciado por ocp001a

Yo suelo utilizarlo así:

document.getElementById("titulo").className ="clase-uno clase-dos";