Por que me devuelve NULL
Publicado por Francisco Daniel (43 intervenciones) el 11/02/2021 21:50:49
Hola a todos: Por que me devuelve null el consolo.log, tengo este codigo:
y este js:
En la linea del consolo.log(e.currentTraget.querySelector('titulo')); me devuelve null
Por que será?
Gracias
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<div class="contenedor">
<form action="">
<div class="selectbox">
<div class="select" id="select">
<div class="contenido-select">
<h1 class="titulo">aaa</h1>
</div>
<!-- <i class="fas fa-angle-down"></i> --></div>
<div class="opciones" id="opciones">
<?php require_once('php/conexion.php');
$res = $con->query("select * from referencia_trabajo");
while($f = mysqli_fetch_array($res)){ ?>
<a href="#" class="opcion">
<div class="contenido-opcion">
<img src="<?php echo $f['img']; ?>" alt="">
<!-- <div class="textos"> <h1 class="titulo"><?php echo $f['nombre']; ?></h1> </div> --></div>
</a>
<?php } ?>
</div>
</div>
<input type="hidden" name="pais" id="inputSelect" value="">
</form>
</div>
y este js:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
const select = document.querySelector('#select');
const opciones = document.querySelector('#opciones');
const contenidoSelect = document.querySelector('#select .contenido-select');
const hiddenInput = document.querySelector('#inputSelect');
document.querySelectorAll('#opciones > .opcion').forEach((opcion) => {
opcion.addEventListener('click', (e) => {
e.preventDefault();
contenidoSelect.innerHTML = e.currentTarget.innerHTML;
select.classList.toggle('active');
opciones.classList.toggle('active');
// hiddenInput.value = e.currentTarget.querySelector('.titulo').innerText;console.log(e.currentTarget.querySelector('.titulo'));
});
});
select.addEventListener('click', () => {
select.classList.toggle('active');
opciones.classList.toggle('active');
});
En la linea del consolo.log(e.currentTraget.querySelector('titulo')); me devuelve null
Por que será?
Gracias
Valora esta pregunta
0
