Estoy tratando de obtener el estilo de un elemento de html y tratando de imprimir en la consola. No puedo ver la opción de estilo mientras escribo la propiedad de estilo en el código visual. sigue mostrando el error Uncaught TypeError: No se pueden leer las propiedades de nulo (leyendo 'estilo') en el elemento var de javascript; elemento = document.querySelector("#header").style.backgroudColor; consola.log(elemento);
<!DOCTYPE html> <html> <head> <meta charset='utf-8'> <meta http-equiv='X-UA-Compatible' content='IE=edge'> <title>Page Title</title> <meta name='viewport' content='width=device-width, initial-scale=1'> <link rel='stylesheet' type='text/css' media='screen' href='all.css'> <script src="javascript_code.js"></script> </head> <body> <div id="header" class="heading" style="background-color: red;"> <h1>this is header</h1> <h1>this is header2</h1> </div> <script src="javascript_code.js"></script> </body> </html>ha incluido el archivo javascript dos veces primero en el encabezado y segundo en la última etiqueta del cuerpo interior. primero elimine uno de ellos y hay un error ortográfico en backgroundColor como puede ver aquí element = document.querySelector("#header").style.backgroundColor = 'green' ;
puede usar document.getElementById('header').style.backgroudColor así.
reinicié la computadora y todos mis fragmentos comenzaron a funcionar. la propiedad de estilo ahora está funcionando.