Js的DOM编程获取标签对象的三种方式

Js的DOM编程获取标签对象的三种方式

一.DOM使用：

1.通过特定方法/特定属性控制标签对象
2.通过标签独享更改标签里面的属性火焰石，展示效果

二. 三种方式获取标签对象

1. 通过document的集合属性获取

1.1 document常用属性：

• all集合属性：获取页面中所有的标签对象,返回的集合列表
• forms：获取页面中所有的form标签对象,返回集合列表
• mages：获取页面中所有的image标签对象，返回集合列表
• links：获取页面所有的a标签对象，返回集合列表

1.2 使用方法

例：

	
		
		
	
	
超链接

	超链接
	超链接

	

2. 通过节点关系获取

2.1 节点:

• parentNode：父节点
• childNodes：所有的子节点
• firstChild：第一个子节点
• lastChild：最后一个子节点
• nextSibling：下一个兄弟节点
• previousSibling：上一个兄弟节点

2.2 实例：

	
		
		
	

超链接
跳转

3. 通过document对象的方法获取标签对象

3.1 方法：

• getElementById：通过id属性值获取标签对象(推荐)
  注意：id属性同一个页面下,必须唯一的
• getElementsByTagName：通过标签名称获取
• getElementsByName：通过name标签属性获取标签对象
• getElementsByClassName：通过class属性获取

3.2 实例

	
		
		

	

用户名: