9.- Curso javaScript - Seleccionar elementos del DOM

06 Noviembre 16 - 9.- Curso javaScript - Seleccionar elementos del DOM

Buenas a todos, para las personas que tengan el error "Cannot read property 'classList' of null", este error se debe a que la etiqueta script se encuentra en el head del HTML, y por lo tanto el intenta ejecutar el código antes de que se rendericen los elementos del body del mismo, la solución es muy sencilla, simplemente muevan la etiqueta script al final de body, muchas personas recomiendan esta forma ya que representa una buena práctica de JS.

1 respuesta

Inicia sesión o Regístrate para poder agregar tu respuesta.

Inconveniente con agregar la clase

25 Junio 16 - 9.- Curso javaScript - Seleccionar elementos del DOM

dmedina2150

Amigos tengo el inconveniente no me agrega la clase utilizando el método de esta manera:

tengo un archivo css por un link al documento html en el que trabajo de la siguiente forma:
<link rel="stylesheet" href="style.css">
contiene la clase:
.mi_clase{ background:red; padding:10px;}
el div:
<div id="mi_div"></div>

el script:
<script>
var div = document.getElementById(mi_div);
div.classList.add("mi_clase");
</script>

Hice las pruebas desde codepen y si funciona porque no funciona si esta en los documentos físicos?

2 respuestas

Inicia sesión o Regístrate para poder agregar tu respuesta.

21 Marzo 17 - 9.- Curso javaScript - Seleccionar elementos del DOM

francowebmaster

Buenas uriel una duda, por si no te fijastes, en el video dijistes que ibas hacer lo inverso le ibas agregar el div a un elemento, pero como te distraistes en explicar lo del querySelector y demas metodos de manipulacion del DOM no lo hicistes, no se si podrias explicarmelo....! o alguien que sepa

1 respuesta

Inicia sesión o Regístrate para poder agregar tu respuesta.

Esta Interesante

28 Diciembre 16 - 9.- Curso javaScript - Seleccionar elementos del DOM

tomcode

Super!!!

Inicia sesión o Regístrate para poder agregar tu respuesta.

Como usar classList. add

21 Octubre 16 - 9.- Curso javaScript - Seleccionar elementos del DOM

mateocastro

cuando uso classList.add() en mi archivo javascript no me funciona y me aparece un error en consola, ¿como podria solucionar eso?, muchas gracias.

1 respuesta

Inicia sesión o Regístrate para poder agregar tu respuesta.

09 Septiembre 16 - 9.- Curso javaScript - Seleccionar elementos del DOM

kthemendoza

no lo entendi muy bn

Inicia sesión o Regístrate para poder agregar tu respuesta.

duda

08 Septiembre 16 - 9.- Curso javaScript - Seleccionar elementos del DOM

rick2307

Buenos dias, vi el video y la verdad no entendi casi nada del dom y esos comandos, osea vi que querias buscar la etiqueta div pero no entiendo el porque, osea no entendi que se queria lograr con esta funcion o para que sirve como tal, si alguien me puede explicar buenisimo o si me pueden pasar un link para leer mas sobre el tema y poder aprender se los agradeceria

1 respuesta

Inicia sesión o Regístrate para poder agregar tu respuesta.

04 Agosto 16 - 9.- Curso javaScript - Seleccionar elementos del DOM

ciscoarg

Hola,

no estoy logrando que el código funcione y no se que estoy haciendo mal, les dejo lo que escribi:

<!DOCTYPE html>
<html>
<head>
    <title>Seleccionar Elementos</title>
    <script type="text/javascript" src="Seleccionar_elementos.js"></script>

&lt;style type="text/css"&gt;
    .mi_clase
    {
        background: red;
        padding: 5%;
        height: 100px;
        width: 500px;
    }
&lt;/style&gt;


</head>
<body>

<div id="mi_div">Hola Mundo   </div>

</body>
</html>

y en el archivo Js escribi lo siguiente:

// todas las selecciones se dan con el elemento document
alert("Prueba de que Js funcione correctamente");

// Creo una variable llamada div y le doy el valor de referencia del ID de mi_div
var div = document.getElementById("mi_div");
// ahora le pido que a ese div le agregue la clase "mi_clase"
div.classList.add("mi_clase");

7 respuestas

Inicia sesión o Regístrate para poder agregar tu respuesta.

Acerca del curso

Aprende a fondo JavaScript, el lenguaje de programación más usado en el mundo detrás de los ancestrales C y Java, es un lenguaje con el que puedes programar en el Frontend de una página web, como también en el Backend, además también puedes generar aplicaciones híbridas para teléfonos y mucho más. El curso te enseña desde lo básico, hasta EcmaScript 5 y EcmaScript 6, las versiones más nuevas de Javascript.

Temario del curso

Buscador

9.- Curso javaScript - Seleccionar elementos del DOM