1.getElementById 根据id获取该对象
2.getElementsByName根据名称获取对象集合
例子:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<form name="form1" method="post">
<input type="text" name="tname" value="a"/><br/>
<input type="text" name="tname" value="b"/><br/>
<input type="text" name="tname" value="c"/><br/>
<input type="button" name="ok" value="保存1"/>
</form>
</body>
<script type="text/javascript">
//通过元素的name属性获取所有元素的引用
var tnameElements=document.getElementsByName("tname");
for(var i=0;i<tnameElements.length;i++){
var tnameElement=tnameElements[i];
tnameElement.οnchange=function(){
alert(this.value);
}
}
</script>
</html>
3.getElementsByTagName通过标签名查询,返回节点集合。
比如获取页面中所有input标签的个数,就可以使用这个方法。
4. 判断一个节点是否包含子节点
//通过元素的name属性获取所有元素的引用
var tnameElements=document.getElementById("form1");
alert(tnameElements.hasChildNodes());
5. nodeName\nodeType\nodeValue
元素.nodeName 获取元素名称
nodeType 类型
元素点firstChild获取第一个子节点
lastChild获取最后一个节点
元素.childNodes[0] 获取元素的第一个子节点。