Olá pessoal, estou com uma dúvida aqui..
Tenho o seguinte código

Código:

<div class="teste" style="color:red">teste</div>

Código:

window.onload = function (){
 var teste = document.getElementsByClassName('teste');
 if( teste.style.color == "red" ){
 alert('true');
 }
 else{
 alert('false');
 }
};

Porque cargas d'água não funciona
Grato pela atenção!

Sempre que usa o getElementsByClassName o resultado vai ser retornado em Array, Partindo do principio que um documento pode ter varias classNames, então você deve interagir com todos os elementos encontrados dessa maneira:
 

Código:


var teste = document.getElementsByClassName('teste');
var len = teste.length;
 for (var i = 0; i < len; i++) {
   if (teste[i].style.color=='red'){
       alert('true');
      break;
   }else{
       alert('false')
 }
 }


Mas se você tem certeza que o documento tem só um elemento com essa className, tu pode ir direto ao index da array dessa maneira

Código:


var teste = document.getElementsByClassName('teste')[0];
if( teste.style.color == "red" ){
 alert('true');
 }
 else{
 alert('false');
 }


Se seu documento contêm mais de um elemento com a className teste, você pode trabalhar com o index na array usando a ordem de elementos no documento.
sendo 0 para o primeiro elemento no documento com className teste, 1 para o segundo e assim por diante...

Perfeito amigo, obrigado!