DHTML技术使用的基本思路：
1. 用标签封装数据---html范畴
2. 定义样式---css范畴
3. 明确事件源、事件和要处理的节点---dom范畴
4. 明确具体的操作方式，其实就是事件的处理内容(过程)---js范畴

一、列表菜单

1、实现功能：点击菜单，显示菜单下的内容，再次点击，隐藏内容(允许和不允许同时打开多个菜单项)

  
    
     
	 
	 
	 
  
  
  
	









		
			

				文件菜单
				

					
菜单项一

					
菜单项二

					
菜单项三

					
菜单项四

				

		    
		
		
			

				编辑菜单
				

					
菜单项一

					
菜单项二

					
菜单项三

					
菜单项四

				

		    
		
		
			

				调试菜单
				

					
菜单项一

					
菜单项二

					
菜单项三

					
菜单项四

				

		    
		
	

	
  
  

2、实现功能：鼠标放在菜单条上时，显示菜单块，离开菜单条和菜单块时，隐藏菜单块，且鼠标放的行有颜色变化

	

		

			城院新闻
			

				
校园新闻内容摘要

				
校园新闻内容摘要

				
校园新闻内容摘要

				
校园新闻内容摘要

			

		

		

			大学新闻
			

				
大学新闻内容摘要

				
大学新闻内容摘要

				
大学新闻内容摘要

				
大学新闻内容摘要

			

		

		

			社会新闻
			

				
社会新闻内容摘要

				
社会新闻内容摘要

				
社会新闻内容摘要

				
社会新闻内容摘要

			

		

		

			就业新闻
			

				
就业新闻内容摘要

				
就业新闻内容摘要

				
就业新闻内容摘要

				
就业新闻内容摘要

			

		

		
	

	

3、和#text节点是兄弟关系

只要有空白符出现，皆算一个节点

  
    
     
	 
	 
	 
  
  
  
  	  
  	  
	  



	  
	    行数:   
	   列数:
  	  
	  



	 
	 
	 
删除前面由用户指定行列号方式创建的表格
 

	    行号:   
	  
	    列号:
  	  
	  

	  
	  

	  
  
  

效果： }
function deleteFile(oANode){
var trNode=oANode.parentNode.parentNode;
trNode.parentNode.removeChild(trNode);
}

addFile

六、正则表达式的应用（用户注册）

通过正则表达式实现用户注册页面

1、正则表达式定义法1

var reg = /^[0-9]{6}$/; //必须是6个数字，而且必须是6个。多了或少了都不行。

2、正则表达式定义法2

var reg = new RegExp("^[0-9]{6}$"); 

3、细节
var reg = new RegExp("[a-z]{4}","i");//带参数，只要包含连续4个字母就行，忽略大小写

var reg = new RegExp("^[a-z]{4}","i");//带参数，必须以连续4个字母开始，忽略大小写

var reg = new RegExp("^[a-z]{4}$","i");//带参数，有且只有连续4个字母，忽略大小写

var reg = / ^\d{6}$ /;  //特殊符号不需要转义，外面也不用加引号

var reg = /^[\d\w]{6,9}$/;  //只包含6到9个数字或字符，这里不需要转义

3、表单的提交

例：(手动提交，不依赖于form中的submit)

4、实例：

  
    
     
	 
  
  
  
  	
		用户名:    
		
		

		输入密码:
		
		

		确认密码:
		
		

		邮件地址:
		
		

		
  	
	
  
  

结果：