DOM 对表格的操作兼容火狐和IE

最新推荐文章于 2017-05-10 10:54:04 发布

my13902

最新推荐文章于 2017-05-10 10:54:04 发布

阅读量69

点赞数

文章标签： IE HTML

本文链接：https://blog.csdn.net/my13902/article/details/83844875

版权


//valueTable 中插入列
 function addRow()
        {
        //设置列内容和属性

				var newTr = valueTable.insertRow(-1);
				//添加两列
				var newTd0 = newTr.insertCell(-1);
				var newTd1 = newTr.insertCell(-1);
				var newTd2 = newTr.insertCell(-1);

				newTd0.align='center'; 
				newTd0.innerHTML = "<input name='userInputName' onChange='checkDot(this);' maxlength='32' type='text' />"; 
				newTd1.align='center'; 
				newTd1.innerHTML="<input name='detectName' onChange='checkDot(this);' maxlength='32' type='text' />";
				newTd2.align='center'; 
				newTd2.innerHTML="<a  class='edit' href=\"#\" onclick=\"DelTR(this);\">删除</a>";

        }

//删除 该列
	function DelTR(obj){	
		if(confirm("是否将表单此属性删除?")){
				var seq=obj.parentNode.parentNode.rowIndex;
				var oTab = valueTable;
				var trLen = oTab.rows.length;
			    oTab.deleteRow(seq);
					}
				}


<table id="valueTable" class="myworkingboxttable" cellspacing="1"
cellpadding="0">
<thead>
<th  width="50%">
项目名称
</th>
<th  width="25%">
值</th>
<th >
 操作
</th>
</thead>
<tbody>
</tbody>
</table>