JS获取元素对象的三种方式

最新推荐文章于 2022-11-13 22:44:21 发布

海底钓鱼

最新推荐文章于 2022-11-13 22:44:21 发布

阅读量3.4k

点赞数

分类专栏： JS

本文链接：https://blog.csdn.net/weixin_42591732/article/details/95625986

版权

JS 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<div id="div" class="div1">1</div>
		<script>
			/*在JavaScript中，我们可以通过DOM对象的4种方式获取对应的元素对象：
getElementById();   ---通过元素ID获取对应元素对象
可以通过ID获取对应的元素对象，如果找不到，返回null

getElementsByName();   ---通过元素的name属性获取符合要求的所有元素
getElementsByTagName();   ---通过元素的元素名属性获取符合要求的所有元素
getElementsByClassName();   ---通过元素的class属性获取符合要求的所有元素
可以获取到元素节点对象 数组；如果找不到，返回 空数组*/
			//使用DOM对象 找到元素
			//通过标签名找
			//方式一：通过元素的元素名属性
			var arr=document.getElementsByTagName("div")//Tag:
			arr[0].style.color="red"
			
			//方式二：通过元素ID
			var div=document.getElementById("div")
			div.style.color="blue"
			
			//方式三：通过元素的class属性
			var arr=document.getElementsByClassName("div1")
			arr[0].style.color="yellow"
		</script>
	</body>
</html>

海底钓鱼

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS获取元素对象的三种方式

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="div" class="div1">1</div> <script...
复制链接

扫一扫