动态的添加tr和删除按钮在火狐上可以 ie7上不行解决方案-JavaSript-爱易网页

动态的添加tr和删除按钮在火狐上可以 ie7上不行解决方案

日期：2014-05-16　浏览次数：20360 次

动态的添加tr和删除按钮在火狐上可以 ie7上不行
学校的机房的机子是ie7的，大家帮忙看下

<!DOCTYPE HTML>

<html>

	<head>

	</head>

	<body>

		<p>

			<table width="600" align="center" border="1">

			  <tbody id="t">

				<tr>

					<td><input type="text"/></td>

					<td><input id="button" type="button" value="添加一行" onClick="addButton()" /></td>

				</tr>

			  </tbody>

			</table>

		</p>

		<script language="javascript">

			function addButton(){

				var tr = document.createElement("tr");

				var td1 = document.createElement("td");

				var td2 = document.createElement("td");

				var in1 = document.createElement("input");

				var in2 = document.createElement("input");

				var in3 = document.createElement("input");

				in1.setAttribute("type","button");

				in2.setAttribute("type","text");

				in1.setAttribute("value","添加");

				/*

				in1.onClick=function(){

					addButton();

				};*/

				//in1.attachEvent("onClick",addButton);

				in1.setAttribute("onclick","addButton()");

				in3.setAttribute("type","button");

				in3.setAttribute("value","删除");

				in3.setAttribute("onclick","deButton(this)");

				td2.appendChild(in3);

				td1.appendChild(in2);

				td2.appendChild(in1);

				tr.appendChild(td1);

				tr.appendChild(td2);

				document.getElementById("t").appendChild(tr);

			}

	

			function deButton(obj){

				var p = obj.parentNode.parentNode;

				p.parentNode.removeChild(p);

			}

		</script>

	</body> 

</html>

------解决方案--------------------
事件不要用setAttribute，直接xx.onclick或者attachEvent或者addEventListener来添加

                //in1.setAttribute("onclick", "addButton()");
                in1.onclick = addButton;
                in3.setAttribute("type", "button");
                in3.setAttribute("value", "删除");
                //in3.setAttribute("onclick", "deButton(this)");
                in3.onclick = function () { deButton(this) }
------解决方案--------------------



	 function addButton(){

       var tr="<tr><td><input type='text'/></td><td><input id='button' type='button' value='添加一行'

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

动态的添加tr和删除按钮在火狐上可以 ie7上不行解决方案

相关资料更多>

推荐阅读更多>