查找DOM元素和对象

查找DOM元素和对象

• 通过id找到HTML元素
• 通过标签名找到HTML元素
• 通过类名找到HTML元素

方法：

getElementById() :返回带有指定ID的元素

getElementsByTagName() :可返回带有指定名称的对象的集合。

getElementsByName() ：返回带有指定类名的所有元素的节点列表

getElementById():

例：获取div元素节点的值；

HTML代码：

可见，div元素节点的子节点是一个文本节点，文本为hello!

<div>hello!</div>

JavaScript代码：

var str=document.getElementById('div').innerHTML;    //获取div元素的文本节点
document.write(str);

结果为：hello！

getElementsByTagName()

例：返回带有指定名称的对象的集合。

HTML代码：

	<input type="text">
	<input type="text">
	<input type="text">
	<input type="text">
	<input type="text">

JavaScript代码：

	function tagname(){
		var x = document.getElementsByTagName('input');
		document.write(x.length);
	}

结果为：5

getElementByName:

语法：document.getElementsByName(name)

例：返回带有指定名称的对象的集合。

HTML代码：

	<input type="text" name="myinput">
	<input type="text" name="myinput">
	<input type="text" name="myinput">
	<input type="text" name="myinput">
	<input type="text" name="myinput">

JavaScript代码：

	function elements(){
		  	var x=document.getElementsByName("myinput");
  			document.write(x.length);
	}

下一篇：DOM 读取和改变HTML内容