js动态生成的标签，点击传递参数到js函数

最新推荐文章于 2022-05-09 09:37:32 发布

lin_tuer

最新推荐文章于 2022-05-09 09:37:32 发布

阅读量3.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： js 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/lin_tuer/article/details/53454055

js 专栏收录该内容

8 篇文章

订阅专栏

这篇博客讲述了如何在JavaScript中动态创建<a>标签，并实现点击这些标签时将参数传递给触发的函数。作者经过一番尝试，最终成功解决了这个问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在js函数中，动态生成了一系列<a>标签，现在需要点击a标签后，能够传值到点击后调用的函数，，尝试了好久才成功！

for(var i=0;i<len;i++){							  
								var tr=oTbody.insertRow(i);
								var td1=tr.insertCell(0);
								var td2=tr.insertCell(1);
								var td3=tr.insertCell(2);
								var td4=tr.insertCell(3);
								td1.innerHTML=i+1;
								var school=result_temp[len-1-i][1];
								//td2.innerHTML="<a href='javascript:mid_trend()' id='mid_school_trend' onclick='mid_trend_data("+school+")'>"+result_temp[len-1-i][1]+"</a>";
								//td2.innerHTML="<a href=\"javascript:mid_trend()\" onclick=\"mid_trend_data('"+school+"')\">"+result_temp[len-1-i][1]+"</a>";
								//td2.innerHTML="<a href=\"javascript:mid_trend()\" onclick=\"__ROOT__\Home\School\school_trend_data("+school+")\">"+result_temp[len-1-i][1]+"</a>";
								td2.innerHTML="<a href=\"#\" onclick=\"mid_trend_data('"+school+"')\">"+result_temp[len-1-i][1]+"</a>";
								
								td3.innerHTML=result_temp[len-1-i][0];
								td4.innerHTML=Percentage(result_temp[len-1-i][0],middle_sum);
							}

前面几种都是尝试失败的，最后一个才成功，onclick点击调用js函数的时候，传递参数仍旧需要''单引号引起来~否则的话，控制台会报错，这样就可以传过去啦~

感谢大神~

http://bbs.youkuaiyun.com/topics/391024146?from=androidqq