Hola pueden ayudarme con un classList?

  • Autor Autor Istubar
  • Fecha de inicio Fecha de inicio
I

Istubar

Beta
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Hola estoy haciendo un juego online y necesito añadir y quitar clases a distintos div. Para esto queria usar

document.querySelector(".elemento1").classList.add("NoVisible") no me esta funcionando.

No quiero usar getelementbyid porque son mas de 100 divs y no quiero tener mas de 100 id. el problema parece estar en el classList

porque la consola me arroja el siguiente error Uncaught TypeError: Cannot read property 'classList' of null. Puede ser un error de sintaxis

pero no lo encuentro por favor ayúdenme estoy estancado.

Gracias de antemano. Saludos.
 
Ordenar por fecha Ordenar por votos
Si usas Jquery ->

$(document).ready()

Si es JavaScript debes esperar a que el DOM sea visible.
 
Voto positivo 0
Pocho747 dijo:
Si usas Jquery ->

$(document).ready()

Si es JavaScript debes esperar a que el DOM sea visible.
Hacer clic para expandir...
Es javaScript. Dudo que sea eso, Probé en un archivo separado con un solo div (no hay imágenes ni nada) y tengo el mismo problema. La linea de código te parece correcta?
 
Voto positivo 0
document.querySelectorAll('.elemento1').forEach(function(item){ item.classList.add("NoVisible"); });
 
Voto positivo 0
En una linea
JavaScript: 
document.querySelectorAll('.elememto1').map(e => e.classList.add('NoVisible'));
 
Voto positivo 0
J0ss dijo:
document.querySelectorAll('.elemento1').forEach(function(item){ item.classList.add("NoVisible"); });
Hacer clic para expandir...
Gracias por la ayuda, no me tira error pero no funciona. lo pegue tal cual. Te dejo una copia del codigo (Html y Css) el java es solo lo que me pasaste.

La idea es tener un div de un color y que al añadirle una clase tenga opacidad 0 osea se vuelva transparente (sin selecciona por id)

Html

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="keywords" content="">
<meta name="description" content="">
<title>El Escoces Errante</title>

<script src="Prueba2.js"></script>
<link rel="stylesheet" href="Prueba2.css">

</head>
<body>
<div id="" class="elemento1"></div>
</body>
</html>

Css

.elemento1 {
width: 100px;
height:100px;
background-color:turquoise;
border: 0.5px solid black;}

.NoVisible {
opacity: 0;}
 
Voto positivo 0
Hadrien Rivere dijo:
En una linea
JavaScript: 
document.querySelectorAll('.elememto1').map(e => e.classList.add('NoVisible'));
Hacer clic para expandir...
No funciona y Me tira error

Uncaught TypeError: document.querySelectorAll(...).map is not a function

La idea es tener un div de un color y que al añadirle una clase tenga opacidad 0 osea se vuelva transparente (sin selecciona por id)

Html

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="keywords" content="">
<meta name="description" content="">
<title>El Escoces Errante</title>

<script src="Prueba2.js"></script>
<link rel="stylesheet" href="Prueba2.css">

</head>
<body>
<div id="" class="elemento1"></div>
</body>
</html>

Css

.elemento1 {
width: 100px;
height:100px;
background-color:turquoise;
border: 0.5px solid black;}

.NoVisible {
opacity: 0;}
 
Voto positivo 0
Istubar dijo:
No funciona y Me tira error

Uncaught TypeError: document.querySelectorAll(...).map is not a function

La idea es tener un div de un color y que al añadirle una clase tenga opacidad 0 osea se vuelva transparente (sin selecciona por id)

Html

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="keywords" content="">
<meta name="description" content="">
<title>El Escoces Errante</title>

<script src="Prueba2.js"></script>
<link rel="stylesheet" href="Prueba2.css">

</head>
<body>
<div id="" class="elemento1"></div>
</body>
</html>

Css

.elemento1 {
width: 100px;
height:100px;
background-color:turquoise;
border: 0.5px solid black;}

.NoVisible {
opacity: 0;}
Hacer clic para expandir...
En prueba.js estás cargando el código Js?

Ponlo encima del Tag </html>
 
Última edición:
Voto positivo 0
Hay que estar conectado o registrado para responder aquí.

Temas similares

L
Hola Pueden ayudarme?
Respuestas
1
Visitas
516
yangel809
Y
Atrás
Arriba