javascript动态生成元素并绑定事件

在写页面前端的时候经常会遇到这样的需求，根据搜索结果显示多行数据，并点击数据执行某些操作。那么在不用框架的情况下如何去完成该操作呢？

其实很简单，只需要在循环中动态创建元素，创建时加动作函数即可：

<div id="add-div">
				</div>

for(var i=0;i<data.msg.length;i++){
   
    var add_subbranch = document.createElement("div");
    add_subbranch.innerHTML = "<div id='"+ i +"' 'choose(this)'><p class='addline'>"+ data.msg[i].subbranch + "</p></div>";
    add_div.appendChild(add_subbranch);
					}

这样每行id是该行的顺序，显示的值是各行对应的值，每次this传的是add_subbranch这个函数，在同一js文件下，写choose函数：

function choose(e) {
   
	var id =