Atributo className do HTML DOM

Objeto Elemento DOM HTML

classNameO atributo define ou retorna o valor da string da propriedade class do elemento.

Se o elemento especificado não tiver o atributo de classe ou se o atributo de classe não tiver sido definido, retorna umnullString.

Sintaxe:

Retorne o atributo className:

element.className

Defina o atributo className:

element.className = cName

document.getElementById("x").className = \

Compatibilidade do navegador

Todos os navegadores suportam completamente o atributo className:

Valor do atributo

Detalhes técnicos

Mais exemplos

Retorna o nome da classe do primeiro elemento <div>:

var x = document.getElementsByTagName("div")[0].className;

Substitua o nome da classe existente com um novo nome:

<div class=\/div>
script>
var x = document.getElementsByTagName("div")[0];
x.className = \
</script>

Para adicionar uma classe ao elemento sem sobrescrever o valor existente, insira um espaço e o novo nome da classe:

<div class=\/div>
script>
var x = document.getElementsByTagName("div")[0];
x.className　+= \
</script>

Encontrar se o elemento <div> possui a classe "shadow":

var x = document.getElementsByTagName("div")[0];
if (x.className.indexOf("shadow") !=　-1) {
　　　alert("Yes... The DIV has 'shadow' class");
}
　　　alert("False");
}

Referências Relacionadas

Tutoriais CSS:Selector CSS

Referência CSS:CSS #idSelector

Referência CSS: CSS .class Selector

Referência do JavaScript:Método indexOf() da String

Referência DOM HTML:Propriedade classList do DOM HTML

Referência DOM HTML:Método getElementsByClassName() do DOM HTML

Referência DOM HTML:Método getElementById() do DOM HTML

Referência DOM HTML:Método querySelector() do DOM HTML

Objeto Elemento DOM HTML