`
周一Monday
  • 浏览: 346300 次
  • 来自: 北京
社区版块
存档分类
最新评论

javascript例子

阅读更多


添加用户:
<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>

 
 

  • 大小: 10.6 KB
分享到:
评论
2 楼 周一Monday 2012-07-18  
aElement.onclick
Eyal 写道
这61行的aElement是什么意思?求解释



是在33行
var aElement=document.createElement("a");  
创建<a href=""></a>超链接节点用的。
1 楼 Eyal 2012-07-18  
这61行的aElement是什么意思?求解释

相关推荐

    JavaScript例子——计算

    这个“JavaScript例子——计算”很可能是提供了一些关于使用JavaScript进行计算的实例代码,帮助开发者理解如何利用JavaScript处理数学计算、逻辑运算或者更复杂的算法。 在JavaScript中,计算主要涉及以下几个方面...

    Web设计开发常用Javascript例子

    本资源包提供了一些常见的JavaScript例子,帮助开发者更好地理解和应用JavaScript技术。下面,我们将详细探讨这些例子所涵盖的JavaScript知识点。 1. **变量与数据类型**: JavaScript支持动态类型,这意味着变量...

    JavaScript 例子(JavaScript 源码html格式)

    这个"JavaScript例子"压缩包提供了一系列的源码示例,旨在帮助学习者深入理解和掌握JavaScript的核心概念与实际应用。 1. **基础语法**:JavaScript的基础语法包括变量声明、数据类型(如字符串、数字、布尔值、...

    js特效 javascript例子

    标题“js特效 javascript例子”暗示我们将探讨JavaScript在创建网页特效方面的应用。JavaScript特效可以包括但不限于动画、滑动面板、下拉菜单、轮播图、模态窗口、拖放功能、表单验证等。这些特效为用户提供了更...

    javascript例子500个

    "javascript例子500个"这个压缩包文件提供了500个JavaScript的实际应用示例,旨在帮助开发者更好地理解和掌握JavaScript的基础及进阶知识。下面将详细介绍这些例子可能涵盖的知识点: 1. **基础语法**:JavaScript...

    Javascript 例子程序 VS.NET 2008版

    在本例程序中,“Javascript 例子程序 VS.NET 2008版”显然是使用了Visual Studio .NET 2008这一集成开发环境(IDE)来编写和测试JavaScript代码。 Visual Studio .NET 2008是一款强大的开发工具,支持多种编程语言...

    JavaScript例子

    在这个“JavaScript例子”压缩包中,包含了一系列的示例,旨在帮助开发者深入理解和应用JavaScript的核心概念。下面将详细阐述这些例子中可能涉及的关键知识点: 1. **基础语法**:JavaScript的基础包括变量声明(`...

    几十个JavaScript例子

    本文将深入探讨标题"几十个JavaScript例子"所涵盖的几个关键知识点。 1. **数字动态时钟**:JavaScript可以实时更新页面上的时间显示,创建一个数字动态时钟。通过`setInterval`函数定时调用一个函数来获取当前时间...

    javascript例子13套

    本套“JavaScript例子13套”提供了全面的实例,旨在帮助初学者深入理解和掌握JavaScript的基础语法。下面将对JavaScript的一些核心概念和重要知识点进行详细介绍。 1. 变量与数据类型: 在JavaScript中,变量无需预...

    个人收集的javascript例子

    在这个“个人收集的javascript例子”压缩包中,我们能看到一个日历控件,以及一些实用的JavaScript代码片段,这些都是JavaScript编程中常见的实践和应用。 首先,日历控件是Web开发中常见的一种组件,它允许用户...

    用于ASP的javascript例子

    在这个“用于ASP的JavaScript例子”中,我们可以看到几个关键知识点,它们是针对ASP.NET环境的JavaScript应用。 1. **JavaScript基础**:JavaScript的基本语法、变量、数据类型、运算符、控制结构(如if-else,for...

    一个简单的JavaScript例子,虽然简单,但却实用

    这个简单的JavaScript例子,尽管看似基础,但对于理解和学习JavaScript的基本语法、数据类型、控制结构以及函数等方面,具有很大的帮助。 首先,我们来讨论JavaScript的基础语法。在JavaScript中,语句以分号结束,...

Global site tag (gtag.js) - Google Analytics