动态HTML

最新推荐文章于 2024-02-23 16:56:19 发布

xi5566

最新推荐文章于 2024-02-23 16:56:19 发布

阅读量172

点赞数

文章标签： HTML

做多文件上传

新建时有用

我就不多废话了



<html>
  <head>
    <title>1.html</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=gbk">
  <SCRIPT LANGUAGE="JavaScript">
    <!--
	var n = 1;
		function add(){
				var otable = document.getElementById("tablee");
				var orow=otable.insertRow(); 
				var ocol1 = orow.insertCell(); 
				var ocol2 = orow.insertCell(); 
				var ocol3 = orow.insertCell(); 
				var ocol4 = orow.insertCell(); 
				ocol1.innerHTML =n;
				ocol2.innerHTML =n
				ocol3.innerHTML =n;
				ocol4.innerHTML ="<input type='button' value='删除' onClick='javascript:deleteRow();return false;' />";
				n++;

		}

		function deleteRow(){
			var otable = document.getElementById("tablee");
		//	var rowIndex = event.srcElement.parentElement.parentElement.parentElement.rowIndex;
		var rowIndex =event.srcElement.parentElement.parentElement.rowIndex
		/*
		event 事件
	srcElement  button
parentElement 上1层td
parentElement 上1层tr
rowIndex tr的rowIndex 
		*/
			otable.deleteRow(rowIndex);
		}


    //-->
    </SCRIPT>  


  </head>

  <body >
	<table id="tablee">
		<tr>
			<td>名字</td>
			<td>密码</td>
			<td>性别</td>
			<td> 操作</td>
		</tr>
			<tr>
			<td>1</td>
			<td>1</td>
			<td>1</td>
			<td> <input type="button" value="删除" onClick="deleteRow()" /></td>
		</tr>
			<tr>
			<td>2</td>
			<td>2</td>
			<td>2</td>
			<td> <input type="button" value="删除" onClick="deleteRow()" /></td>
		</tr>
			<tr>
			<td>3</td>
			<td>3</td>
			<td>3</td>
			<td> <input type="button" value="删除" onClick="deleteRow()" /></td>
		</tr>

	</table>
    <input type="button" value="添加" onClick="add()" />
  </body >
</html>