Tengo una etiqueta de span que se coloca dentro de un div , como a continuación:
<div onclick="doActiveCheckBox('color1')" id="sss" class="test form-check form-option form-check-inline mb-2"> <input class="test form-check-input" type="radio" name="color" id="color1" data-bs-label="colorOption" value="/تاریک" checked=""> <label class="form-option-label rounded-circle" for="color1"><span style="border:inherit; border-block-color:purple;" class="form-option-color rounded-circle" style="background-image: url(/img/ProductColors/green1.jpg)"></span></label> </div> Quiero establecer un border para la etiqueta de span cuando se hace clic en la etiqueta de input y tampoco quiero usar ninguna id en el span . He intentado las siguientes formas:
1:
var d=document.getElementById("sss").getElementsByTagName("span"); d.style.border = "thick solid #0000FF";2:
var d=document.getElementById("sss").getElementsByClassName(); for (var i = 1; i <= d.length; i++) { d[1].style.border = "thick solid #0000FF"; }¡pero ninguno de ellos funcionó correctamente! Entonces, ¿alguien ayudaría?
Yo sugeriría usar querySelector: const d = document.querySelector("#sss span");
Y luego puede agregar estilo: d.style.border = "thick solid #0000FF";
var d=document.getElementById("sss").getElementsByTagName("span"); ^//returns an array d.get.style.border = "thick solid #0000FF";//d[0].style //┗━━┛ No hay una propiedad llamada get , así que acceda al primer elemento ya que getElementsByTagName devuelve una matriz.
Método Jquery si es necesario
var span = $("#sss label span"); span.css("border", "thick solid #0000FF");o si no está usando #sss solo las entradas (puede obtener múltiples resultados)
var span = $("input.form-check label span");