gpt4 book ai didi

JavaScript 向具有相同类名的元素添加事件

转载 作者:行者123 更新时间:2023-11-28 17:20:14 25 4
gpt4 key购买 nike

<分区>

我在收到 JSON 后生成了一些元素。那些类名为“tipoGenero”的元素有一些 CSS。我希望当单击这些元素中的任何一个时,显示 <span> 的值.但是,它可以工作并生成事件,但是无论我单击什么元素,我都只会获得最后一个元素的值。

for (var i = 0; i < parsedText.length; i++) {
dato += "<div class='tipoGenero'>";
dato += "<img src=/logos/" + parsedText[i].imagen + ">";
dato += "<span>" + parsedText[i].nombre + "</span>";
dato += "</div>";
}
document.getElementById('generos').innerHTML = dato;
//generates events for class items
var classname = document.getElementsByClassName("tipoGenero");
for (var i = 0; i < classname.length; i++) {
valor = classname[i].children[1].textContent;
alert(valor);
classname[i].addEventListener('click', function() { myFunction(valor); }, false);
}

function myFunction(text) {
alert(text);
}

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com