文档对象模型Document常用方法

最新推荐文章于 2022-09-15 14:54:50 发布

降蛇伏猫喵

最新推荐文章于 2022-09-15 14:54:50 发布

阅读量508

点赞数

分类专栏： HTML JAVASCRIPT 文章标签： HTML JAVASCRIPT

本文链接：https://blog.csdn.net/jmsl1533/article/details/91444440

版权

JAVASCRIPT 同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

HTML

1 篇文章 1 订阅

订阅专栏

1.document.querySelector()

返回值：返回文档中与指定选择器或选择器组匹配的第一个 html元素Element。如果找不到匹配项，则返回null。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<p class="p">这是一段文字</p>
		<script type="text/javascript">
			var p = document.querySelector(".p");
			console.log(p);
		</script>
	</body>
</html>

参数：

语法：element = document.querySelector(selectors);

selectors：包含一个或多个要匹配的选择器的 DOM字符串DOMString。该字符串必须是有效的CSS选择器字符串；如果不是，则引发SYNTAX_ERR异常。

返回值：表示文档中与指定的一组CSS选择器匹配的第一个元素的 html元素Element对象。

如果需要与指定选择器匹配的所有元素的列表，则应该使用querySelectorAll() 。

详细用法可参阅MDNdocument.querySelector()

降蛇伏猫喵

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
文档对象模型Document常用方法

1.document.querySelector()返回值：返回文档中与指定选择器或选择器组匹配的第一个 html元素Element。如果找不到匹配项，则返回null。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title>...
复制链接

扫一扫