📣 Seu anúncio aqui? Anuncie no ForoBeta

Olá podem me ajudar com um classList?

  • Autor Autor Istubar
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
I

Istubar

Beta
No recomendado
Usuário com poucas negociações! Use sempre o saldo do 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 data Ordenar por votos
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Continuar com o Google Criar conta com e-mail
Leva 30 segundos · você volta a este tópico ao terminar
Si usas Jquery ->

$(document).ready()

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

$(document).ready()

Si es JavaScript debes esperar a que el DOM sea visible.
Clique 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 disse:
document.querySelectorAll('.elemento1').forEach(function(item){ item.classList.add("NoVisible"); });
Clique 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 disse:
En una linea
JavaScript: 
document.querySelectorAll('.elememto1').map(e => e.classList.add('NoVisible'));
Clique 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 disse:
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;}
Clique para expandir...
En prueba.js estás cargando el código Js?

Ponlo encima del Tag </html>
 
Última edição:
Voto positivo 0
Você precisa estar logado ou cadastrado para responder aqui.

Tópicos similares

S
Podem me ajudar com isto....
Respostas
10
Visitas
532
Norlan30
N
D
¿Pueden ayudarme con su experiencia de usuario en una web?
Respostas
2
Visitas
310
DiegoHeras
D
F
Pueden ayudarme a modificar un theme de wordpress, porfavor!!!!
Respostas
0
Visitas
249
Frankzap
F
L
Olá, podem me ajudar?
Respostas
1
Visitas
516
yangel809
Y
V
por favor podem me ajudar com isso?
Respostas
1
Visitas
737
mcloud
M
Voltar
Topo