[SOLUCIONADO] problemas con .style

[andrinson]

hola intento cambiar el estilo a una etiqueta html desde javascript pero , usando la etiqueta .style no se aplican tampoco usando .class ni .className sera por el navegador?yo uso google chrome

el codigo html:<h3 class="titulo-categoria">Categorias</h3>

el codigo css:
.titulo-categoria{
color:white;
background-color:red;
border-radius:0 1em 0 0;
}

el codigo js:
document.getElementsByClassName("titulo-categoria").style.color="black";

en la consola me sale:
Uncaught TypeError: Cannot set property 'color' of undefined

[IsaBelM]

Al usar getElementsByClassName se genera una colección de elementos, por lo cual para acceder a cada elemento, has de hacer a través de su índice. Este es un método obsoleto. En su lugar usa el método querySelector()

[andrinson]

Aun haci no funciona

[carlillos]

Revisa bien la sintaxis de tu selector CSS.

Código Javascript:

document.querySelector(".titulo-categoria").style.color="black";
 

[andrinson]

Ahora sale en la consola Cannot read property 'style' of null
Pruebenlo y diganme si le funciona y en que navegador lo provaron por favor

[carlillos]

A mi me funciona con este código:

Código HTML:

<style>
    .titulo-categoria{
    color:white;
    background-color:lightblue;
    border-radius:0 1em 0 0;
}
</style>
<h3 class="titulo-categoria">Categorias</h3>
<script>
document.querySelector(".titulo-categoria").style.color="black";
</script>
 

[andrinson]

Gracias solo tenia que mover el enlace <script src="javascript.js"></script> que estaba en el head al final del body