document获取对象三方法

最新推荐文章于 2024-07-18 09:15:00 发布

姜小白-

最新推荐文章于 2024-07-18 09:15:00 发布

阅读量1.7w

点赞数

分类专栏： javascript 文章标签： javascript getElementById getElementsByName getElementsByTagName

本文链接：https://blog.csdn.net/magi1201/article/details/43974171

版权

本文介绍了JavaScript中Document对象的三个常用方法：getElementById、getElementsByName和getElementsByTagName，用于获取DOM对象。分别通过示例演示了如何使用这三个方法，强调了getElementById的高效性，以及在没有id时如何使用getElementsByName和getElementsByTagName。

摘要由CSDN通过智能技术生成

Document对象中有几个常用的方法，我们在Dom简介中提到过。说到获取javascript对象的方法，最常用的可能就是getElementById了，它是Document中最常用的获取对象的方式之一，另外还有两个常用的获取对象的方法是getElementsByTagName 和getElementsByName。其中getElementById获取到的是单对象，而getElementsByName和 getElementsByTagName 获取到的都是集合。

现在我们有一个form表单，内容为

<html>
	<head>
		<title>Demo</title>
	</head>
	<body>
		<form id="form1" action="#">
			<a href="http://www.baidu.com/" name="clj" id="baidu">百度</a></br>
			<a href="http://www.google.cn/" name="clj" id="google">谷歌</a></br>
			<a href="http://www.gougou.com/" name="clj" id="gougou">狗狗</a></br>
		</form>
		
		<script>
			
		</script>
	</body>
</html>

接下来，