做多文件上传
新建时 有用
我就不多废话了
<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>
分享到:
相关推荐
动态HTML(Dynamic HTML,简称DHTML)是一种技术集合,它结合了HTML、CSS、JavaScript以及DOM(Document Object Model)来创建交互式和响应式的网页。本教程“5日学会动态HTML”旨在帮助学习者在短时间内掌握DHTML的...
### 动态HTML教学设计详解 #### 课程名称与目标设定 本次教学设计的主题为《运用动态HTML制作网页特效》,旨在使学生深入了解动态HTML技术,掌握网页特效制作的关键技巧,并激发学生的创新意识与团队协作精神。 ##...
动态HTML(Dynamic HTML,简称DHTML)是一种网页开发技术,它结合了HTML、CSS、JavaScript以及DOM(Document Object Model)等技术,使网页能够实现动态交互效果,无需刷新页面即可更新内容。DHTML的核心在于“动态...
动态HTML(Dynamic HTML)是HTML的一种扩展,它结合了HTML、CSS、JavaScript以及其他Web技术,使得网页内容可以更生动、交互性更强。本教程专为初学者设计,旨在通过详尽的步骤指导,帮助学习者掌握动态HTML的设计...
本文将深入探讨`WebBrowser`控件如何操作动态HTML,以及相关的核心知识点。 首先,`WebBrowser`控件实际上是Internet Explorer引擎的一个封装,因此它支持IE所支持的大部分HTML、CSS和JavaScript特性。这使得在桌面...
动态HTML(Dynamic HTML)是HTML技术的一个重要分支,它结合了HTML、CSS、JavaScript以及DOM(Document Object Model)等技术,使得网页内容可以更加生动、交互性更强。本教程将帮助你深入理解并掌握动态HTML的进阶...
动态HTML(Dynamic HTML,简称DHTML)是一种网页开发技术,它结合了HTML、CSS、JavaScript以及DOM(Document Object Model)等技术,使网页能够实现动态交互效果,无需刷新页面即可更新内容。本教程旨在帮助你在五日...
动态HTML(Dynamic HTML,简称DHTML)是一种技术集合,它结合了HTML、CSS、JavaScript以及DOM(Document Object Model)等技术,使得网页可以实现交互性和动态效果。在"5日学会动态HTML"的学习资源中,你将深入理解...
动态HTML(Dynamic HTML)是HTML的一种扩展,它引入了时间、空间和用户交互性的新维度,使得网页内容能够更加生动、交互性强。本参考手册详细介绍了动态HTML的各种技术和应用,对于学习和掌握这一领域的知识非常有...
动态HTML帮助文档 网页制作完全手册 -------------------------------------------------------------------------------- 通过下列链接访问参考资料,可帮助你创建引人注目的 Web 页面。 动态 HTML (DHTML) 对象...
《5日学会动态Html》是一本旨在帮助初学者在短时间内快速掌握动态HTML技术的教程。动态HTML(Dynamic HTML,简称DHTML)是HTML的一个扩展,它结合了HTML、CSS、JavaScript以及DOM(Document Object Model)等技术,...
动态HTML(Dynamic HTML,简称DHTML)是一种在网页上实现交互性和动态效果的技术集合,它结合了HTML、CSS、JavaScript以及DOM(文档对象模型)等技术,为用户提供更丰富的用户体验和更灵活的网页设计能力。...
动态HTML(Dynamic HTML,简称DHTML)是一种技术集合,它结合了HTML、CSS、JavaScript以及DOM(Document Object Model)来创建交互式和响应式的网页。本教程“5日学会动态HTML”显然是为了帮助初学者在短时间内掌握...
教你在5天内就由入门到深入地学习动态html的制作
动态HTML(Dynamic HTML)是HTML的一个重要分支,它在传统静态HTML的基础上引入了更多的交互性和动态效果,使得网页内容能够更加生动、响应式地呈现给用户。本教程以.htm格式电子书的形式,深入浅出地讲解了动态HTML...
动态HTML(Dynamic HTML,简称DHTML)是一种技术组合,它结合了HTML、CSS(层叠样式表)、JavaScript和DOM(文档对象模型),为创建交互式和动态网页提供了可能。本教程旨在帮助你深入理解并掌握DHTML的核心概念,让...