query指定范围提取数据_document.getelementbyid().赋值

query指定范围提取数据_document.getelementbyid().赋值document.querySelector

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全家桶1年46,售后保障稳定

不久前,我发现了document.querySelector JS选择器,语法类似JQuery。

通过元素id获取元素

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="box"></div>
	</body>
	<script type="text/javascript">
		console.log(document.querySelector("#box"));
	</script>
</html>

Jetbrains全家桶1年46,售后保障稳定

query指定范围提取数据_document.getelementbyid().赋值

通过元素class,标签名获取元素

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="box" class="container"></div>
	</body>
	<script type="text/javascript">
		console.log(document.querySelector(".container"));
		console.log(document.querySelector("div"));
	</script>
</html>

query指定范围提取数据_document.getelementbyid().赋值

注意:

document.querySelector用于获取单个元素,当页面中出现多个相同class标签(或者多个相同标签(比如多个div))时,只匹配第一个元素。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div class="box">第一个div</div>
		<div class="box">第二个div</div>
	</body>
	<script type="text/javascript">
		console.log(document.querySelector(".box"))
		console.log(document.querySelector("div"))
	</script>
</html>

 query指定范围提取数据_document.getelementbyid().赋值

 document.querySelectorAll

那我们想获取多个元素就没办法了吗?有的。document.querySelectorAll就可以获取多个元素,它的结果跟document.getElementsByClassName()一样是一个集合。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div class="box">第一个div</div>
		<div class="box">第二个div</div>
	</body>
	<script type="text/javascript">
		console.log(document.querySelectorAll(".box"))
		console.log(document.querySelectorAll("div"))
	</script>
</html>

query指定范围提取数据_document.getelementbyid().赋值

写到这就结束啦,写的不好,多多指教。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/231338.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

  • web前端开发用什么工具_软件开发的基本步骤

    web前端开发用什么工具_软件开发的基本步骤大家还在使用Dreamweaver这样的弱智工具开发Web前端吗?或者使用VS系列笨重的工具在开发Web的前端吗?你已经Out了。我推荐大家使用WebStorm来做Web前端开发,高端、大气上档次。  相比Dreamweaver弱智的智能提示来看,WebStorm对html特别是HTML5和JS的智能提示简直堪称大神,很值得去使用。不过WebStorm不像Dreamweaver一样支

  • 一款用C++语言实现的3D游戏引擎(附源码),适用于想学3D游戏开发

    一款用C++语言实现的3D游戏引擎(附源码),适用于想学3D游戏开发C++技术牛人,编写实现的3D游戏演示Demo源代码。框架清晰,三维效果ok,适用于所有人学习3D游戏开发。【注】GetDeviceCaps(hDC,LOGPIXELSY)用于取得每英寸有多少像素MulDiv函数(被乘数,分子,分母)=nPointSize*GetDeviceCaps(hDC,LOGPIXELSY)/72,如果不支持硬件顶点处理,可以使用软件…

  • sql 聚合函数嵌套使用[通俗易懂]

    sql 聚合函数嵌套使用[通俗易懂]sql聚合函数嵌套使用

  • 手把手教你使用R语言做LASSO 回归

    手把手教你使用R语言做LASSO 回归LASSO回归也叫套索回归,是通过生成一个惩罚函数是回归模型中的变量系数进行压缩,达到防止过度拟合,解决严重共线性的问题,LASSO回归最先由英国人RobertTibshirani提出,目前在预测模型中应用非常广泛。在新格兰文献中,有大牛提出,对于变量过多而且变量数较少的模型拟合,首先要考虑使用LASSO惩罚函数。今天我们来讲讲怎么使用R语言通过LASSO回归构造预测模型。首先我们要下载R的glmnet包,由LASSO回归的发明人,斯坦福统计学家TrevorHastie领衔开发。加载

  • 软件工程第1次作业[通俗易懂]

    软件工程第1次作业[通俗易懂]软件工程第1次作业

  • 4个世界上最长域名的网站是_域名最长多少个字符

    4个世界上最长域名的网站是_域名最长多少个字符第一个http://www.llanfairpwllgwyngyllg…iliogogogoch.co.uk/这个域名属于一个旨在宣传英国圭内斯郡安格尔西的一个同名村庄,这个名字的意思是“位于急流附近白榛树山谷中的圣玛丽亚教堂和红山洞附近的圣泰西里奥教堂。”第二个http://www.111111111111111111111…11111111111111.com/这个域

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号