添加用户: <form action="" method="post"> 名字:<input type="text" name="name" id="name"/> <input type="button" id="addUser" value="添加"/> </form> <hr /> <table id="mytable" border="1" width="20%"> <tr> <td>testName</td> <td><a href="delete?id=testName">delete</a></td> </tr> </table> <script type="text/javascript"> window.onload=function(){ document.getElementById("addUser").onclick=function(){ //取得表单的name值 var nameValue=document.getElementById("name").value; //创建name的td var nameTd=document.createElement("td"); var nameText=document.createTextNode(nameValue); nameTd.appendChild(nameText); //创建delete的td var aTd=document.createElement("td"); //创建a元素 var aElement=document.createElement("a"); //设置 a 元素的属性 aElement.setAttribute("href","delete?id="+nameValue); //设置a元素的文本 var deleteText=document.createTextNode("delete"); //将delete文本追加到a元素 aElement.appendChild(deleteText); //将a元素追加到aTd aTd.appendChild(aElement); //创建tr var trElement=document.createElement("tr"); trElement.appendChild(nameTd); trElement.appendChild(aTd); //将tr添加到表格 var tableElement=document.getElementById("mytable"); //这步火狐支持,IE不支持 //tableElement.appendChild(trElement); //火狐 IE都支持 var tbodyElement=document.createElement("tbody"); tbodyElement.appendChild(trElement); tableElement.appendChild(tbodyElement); //编写删除事件 aElement.onclick=function(){ if(window.confirm("确定删除"+nameValue+"的信息吗?")){ tbodyElement.removeChild(trElement); } return false; } } } </script>
相关推荐
这个“JavaScript例子——计算”很可能是提供了一些关于使用JavaScript进行计算的实例代码,帮助开发者理解如何利用JavaScript处理数学计算、逻辑运算或者更复杂的算法。 在JavaScript中,计算主要涉及以下几个方面...
本资源包提供了一些常见的JavaScript例子,帮助开发者更好地理解和应用JavaScript技术。下面,我们将详细探讨这些例子所涵盖的JavaScript知识点。 1. **变量与数据类型**: JavaScript支持动态类型,这意味着变量...
这个"JavaScript例子"压缩包提供了一系列的源码示例,旨在帮助学习者深入理解和掌握JavaScript的核心概念与实际应用。 1. **基础语法**:JavaScript的基础语法包括变量声明、数据类型(如字符串、数字、布尔值、...
标题“js特效 javascript例子”暗示我们将探讨JavaScript在创建网页特效方面的应用。JavaScript特效可以包括但不限于动画、滑动面板、下拉菜单、轮播图、模态窗口、拖放功能、表单验证等。这些特效为用户提供了更...
"javascript例子500个"这个压缩包文件提供了500个JavaScript的实际应用示例,旨在帮助开发者更好地理解和掌握JavaScript的基础及进阶知识。下面将详细介绍这些例子可能涵盖的知识点: 1. **基础语法**:JavaScript...
在本例程序中,“Javascript 例子程序 VS.NET 2008版”显然是使用了Visual Studio .NET 2008这一集成开发环境(IDE)来编写和测试JavaScript代码。 Visual Studio .NET 2008是一款强大的开发工具,支持多种编程语言...
在这个“JavaScript例子”压缩包中,包含了一系列的示例,旨在帮助开发者深入理解和应用JavaScript的核心概念。下面将详细阐述这些例子中可能涉及的关键知识点: 1. **基础语法**:JavaScript的基础包括变量声明(`...
本文将深入探讨标题"几十个JavaScript例子"所涵盖的几个关键知识点。 1. **数字动态时钟**:JavaScript可以实时更新页面上的时间显示,创建一个数字动态时钟。通过`setInterval`函数定时调用一个函数来获取当前时间...
本套“JavaScript例子13套”提供了全面的实例,旨在帮助初学者深入理解和掌握JavaScript的基础语法。下面将对JavaScript的一些核心概念和重要知识点进行详细介绍。 1. 变量与数据类型: 在JavaScript中,变量无需预...
在这个“个人收集的javascript例子”压缩包中,我们能看到一个日历控件,以及一些实用的JavaScript代码片段,这些都是JavaScript编程中常见的实践和应用。 首先,日历控件是Web开发中常见的一种组件,它允许用户...
在这个“用于ASP的JavaScript例子”中,我们可以看到几个关键知识点,它们是针对ASP.NET环境的JavaScript应用。 1. **JavaScript基础**:JavaScript的基本语法、变量、数据类型、运算符、控制结构(如if-else,for...
这个简单的JavaScript例子,尽管看似基础,但对于理解和学习JavaScript的基本语法、数据类型、控制结构以及函数等方面,具有很大的帮助。 首先,我们来讨论JavaScript的基础语法。在JavaScript中,语句以分号结束,...