javascript

动态添加表格内容

function create_menu(infos){
	/**
	* 根据数组infos中的内容按添加信息
	* */
	var table = document.getElementById('menuTable');//获取表对象
	for(var i = 0;i<infos.length;i++){
		table.appendChild(mk_row(infos[i]));//向表格中添加一行按钮
	}
}

function mk_cell(htmIfno){
	/**
	* 生成列
	* */
	var cell = document.createElement('td'); //创建列实例
	cell.innerHTML = htmIfno;  //写入HTML语句
	cell.setAttribute("class","td_menu");//设置属性，参数分别为：属性名，属性值
	return cell;
}

function mk_row(info){
	/**
	* 生成列
	**/
	var row = document.createElement('tr'); //创建行实例
	row.setAttribute("class","tr_menu");//设置属性，参数分别为：属性名，属性值
	var htmIfno = "";  //HTML语句
	//生成HTML语句中，外层为双引号，内层字符串值用单引号
	htmlInfo = "<input class = 'button' type='button' value=" + info +" onClick='change_filed(event)'/>"
	row.appendChild(mk_cell(htmlInfo)); 
	return row;
}

获取事件产生对象

• 绑定回调函数时添加变量event

<input type="button" value="今年" onClick="fn(event)"/>

• 在回调函数中利用event.srcElement获取事件产生对象。通过js添的控件，利用this获取的对象是document，无法获取产生事件的对象。（待验证）

function change_filed(event){
	var clickField = event.srcElement.value
	alert(clickField)
}