您的位置：首页 > Web前端 > JavaScript

06-javaScript基础回顾

2015-10-08 12:43 531 查看

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.onchange=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] 获取元素的第一个子节点。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航