Tengo un problema, resulta que tengo en html una lista de divs, en concreto un div padre que contiene todo y luego otros div que a su vez tienen hijos, esto con el fin de clasificarlos por tipo. Y por parte de javascript, tengo un codigo que capta los click que se le hacen a estos, con el fin de que al hacer click en estos elementos, se les dibuje un marco o borde, y donde esta el problema, que al volver a hacer click se elimine este borde y aparezca en el que ha sido clickeado, dando la sensacion que el elemento es el que esta siendo seleccionado.
let sumar = [];
let div1 = "";
b.addEventListener("click", f);
let b2 = document.getElementsByTagName("b2");
function f(e) {
div1 = e.target;
sumar.push(e.target.id);
let impar1 = (sumar.length) / 2;
div1.setAttribute("style", "border:5px solid #000; ");
if (Number.isInteger(impar1) == true) {
b2.setAttribute("style", "*atributos del elemento*");
}
}
<div class="b" id="b">
<div id="v1">
<div class="b2" id="b2">f </div>
<div class="b2" id="b2">
<div class="bb1">nombre del producto <br><br> </div>
</div>
<div id="v2">
<div class="b3">
<div class="bb1">nombre del producto<br><br> especificacion </div>
<div class="b3" name="gomas">g </div>
</div>
<div id="v3">
<div class="b2" id="b2">
<div class="bb1">nombre del producto <br><br> especificacion </div>
<div class="bb2">imagen</div>
</div>
<div class="b2" id="b2"> nombre del producto </div>
</div>
</div>
</div>
</div>
Está bastante cercana a funcionar y se porque no funciona; con b2.setAttribute, le devuelvo los valores a cada div a los iniciales (sin el marco), el problema esta en que si capturo el elemento con getelementbyid, este solo toma el primero con ese id, y necesito que los tome todos, y si lo tomo con getelmentsbyclassname, me dice que es indefinido por la razón que explique en los comentarios. Saben como podría tomar todos los elementos con mismo id o solucionar el problema del getelementsbyclassname?.
Cabe destacar que las etiquetas (v1, v2 y v3) son padres, no deseo que el margen se cree al rededor de esta, sino del elemento hijo de estos al cual se le hace click.