gpt4 book ai didi

JavaScript 帮助要求从 onclick 获取动态值

转载 作者:行者123 更新时间:2023-12-02 20:29:04 25 4
gpt4 key购买 nike

我正在创建 20 个动态 div,在页面加载时将 onclick 事件附加到每个 div 以提醒其 id,但问题是单击任何 div 时仅提醒最后一个 div id,请帮助。

例如,单击第一个 div 会提醒最后一个 div id。

所需结果是 div 上的 onclick 应该提醒其自己的 id。

完整代码如下。

提前致谢。

 <html>
<head>
<script>
function __createElement(tag, cls, id, name)
{
var ele;
ele = document.createElement(tag);
if(cls!="" && cls!=undefined)
ele.className = cls;
if(id != "" && id!=undefined)
ele.id = id;
if(name!= "" && name!=undefined)
ele.name = name;
return ele;
}
function test()
{
for(var i = 0;i<20;i++)
{
var div = __createElement("div" ,"test" ,i+"test");
document.getElementById("cont").appendChild(div);
div.innerHTML = "Content"+i;
div.onclick = function ()
{
alert(i+"test");
}
}
}
setTimeout("test()",1000);
</script>
</head>
<body>
<div id=cont >
</div>
</body>
</html>

最佳答案

这是一个变量闭包问题,请使用它:

  div.onclick = function (num)
{
return function(){
alert(num+"test");
};
}(i);

关于JavaScript 帮助要求从 onclick 获取动态值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4457760/

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