Js：通过HTML5获取元素

最新推荐文章于 2022-05-11 16:01:41 发布

一染星辰

最新推荐文章于 2022-05-11 16:01:41 发布

阅读量246

点赞数 1

分类专栏： javascript试题文章标签： html5 css html

本文链接：https://blog.csdn.net/weixin_59519449/article/details/120013628

版权

本文介绍了HTML5中获取元素的三种主要方法：1. 使用getElementbyClassName根据类名获取元素；2. 通过querySelector获取指定选择器的第一个元素，注意选择器需配合使用如 .box 或 #nav；3. 利用querySelectorAll获取指定选择器的所有元素对象集合。

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

思路要求：记忆

1. getElementbyclassName 根据类名获取元素

2.quertyseletor 返回指定选择器的第一个元素对象切记里面的选择器需要加符号 .box #nav

3.querySelectorAll 返回指定选择器所有元素的对象集合

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div class="box">盒子1</div>
		<div class="box">盒子2</div>
		
		<div id="nav">
			<ul>
				<li>首页</li>
				<li>产品</li>
			</ul>
			
		</div>
		
		<script type="text/javascript">
			//1，getElementbyclassName根据类名获取元素
			var boxs=document.getElementsByClassName("box")
			console.log(boxs)
			//2.quertyseletor  返回指定选择器的第一个元素对象  切记 里面的选择器需要加符号 .box  #nav
			var firstbo