UL动态添加li子元素列表及onclick动态传参

最新推荐文章于 2023-04-06 10:37:16 发布

java_rxf

最新推荐文章于 2023-04-06 10:37:16 发布

阅读量717

点赞数

分类专栏：前端文章标签： jquery

本文链接：https://blog.csdn.net/java_rxf/article/details/115268399

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

这段代码展示了如何使用JavaScript动态创建`<li>`元素并添加到`<ul>`列表中，同时为`<a>`标签绑定点击事件，通过`jmpToSum1`函数传递参数`acct_no`。点击元素时，会触发console.log打印参数，并弹窗显示参数值，同时执行页面跳转和sessionStorage设置。

摘要由CSDN通过智能技术生成

ul动态添加li列表

var ele = document.createElement('li');
  	  			
  	  			ele.innerHTML = '<a href=\"#\" οnclick=\"jmpToSum1(\''+acct_no+'\')\">'+
				'<span>账号：</span><span id=\"acct_no\">'+acct_no+'</span>'+
				'<span>&emsp;&emsp;企业名称：</span><span id=\"company_name\">'+company_name+'</span>'+
				'<span>&emsp;&emsp;客户名称：</span><span id=\"client_name\">'+client_name+'</span>'+
				'<span>&emsp;&emsp;未设置预警......</span>'+
				'</a>';
  	  			document.getElementById("ul2").appendChild(ele);

onclick传参

				var ele = document.createElement('li');
  	  			
  	  			ele.innerHTML = '<a href=\"#\" οnclick=\"jmpToSum1(\''+acct_no+'\')\">'+
				'<span>账号：</span><span id=\"acct_no\">'+acct_no+'</span>'+
				'<span>&emsp;&emsp;企业名称：</span><span id=\"company_name\">'+company_name+'</span>'+
				'<span>&emsp;&emsp;客户名称：</span><span id=\"client_name\">'+client_name+'</span>'+
				'<span>&emsp;&emsp;未设置预警......</span>'+
				'</a>';
  	  			document.getElementById("ul2").appendChild(ele);

function jmpToSum1(acct_no){
	console.log("acct_no=============================");
	console.log(acct_no)
	alert(acct_no);
	addNewTab("GL110100", "预警账户管理", "pageJump.action?page=slow_account_info&form_code=GL110100");
	sessionStorage.setItem("waiting_dealt", "1");
}