06-javaScript基础回顾

最新推荐文章于 2016-11-17 09:50:24 发布

会编程的阿强

最新推荐文章于 2016-11-17 09:50:24 发布

阅读量331

点赞数

分类专栏： JQuery和Ajax

本文链接：https://blog.csdn.net/shuangrenyu1234/article/details/48969003

版权

JQuery和Ajax 专栏收录该内容

37 篇文章 0 订阅

订阅专栏

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

会编程的阿强

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
06-javaScript基础回顾

1.getElementById 根据id获取该对象2.getElementsByName根据名称获取对象集合例子：<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>Insert title here /
复制链接

扫一扫