Tengo una serie de divs con clases distintas, pero dentro de cada uno de estos divs, existen otros divs. Lo que intento es:
- Seleccionar al padre.
- Luego seleccionar a uno de sus hijos (El que contenga una clase específica).
- A este hijo, mediante innerHTML += "texto" asignarle un pedazo de HTML.
El 1 y 2 lo conseguí así...
let areaElement = document.querySelectorAll(".alumno_"+alumno_id+" > .be-area-rating");
Con un query selector selecciono al padre... E inmediatamente le digo cual de los hijos debe seleccionar.
Pero cuando a esto intento ponerle un innerHTML me sale undefined
.
let areaElement = document.querySelectorAll(".alumno_"+alumno.alumno_id+" > .be-area-rating").innerHTML;
¿Alguien sabe por qué?
El HTML es este; estoy usando Laravel por eso uso {{}}
para declarar una variable:
<div class="cell not-border alumno_{{$alumno->alumno_id}}" id="be-area-rating">
<div class="rowTable be-area-rating">
<div class="cell rating do-area">20</div>
<div class="cell rating do-area">20</div>
</div>
</div>
<div class="cell not-border alumno_{{$alumno->alumno_id}} " id="do-area-rating">
<div class="rowTable do-area-rating">
<div class="cell rating do-area">20</div>
<div class="cell rating do-area">20</div>
</div>
</div>