用class选元素

最新推荐文章于 2021-08-03 22:52:01 发布
最新推荐文章于 2021-08-03 22:52:01 发布
阅读量173 收藏
点赞数
分类专栏： JAVASCRIPT
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dxm809/article/details/104951492
版权 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function getByClass(oParent, sClass)
{
	var aEle=oParent.getElementsByTagName('*');
	var aResult=[];
	var i=0;
	
	for(i=0;i<aEle.length;i++)
	{
		if(aEle[i].className==sClass)
		{
			aResult.push(aEle[i]);
		}
	}
	
	return aResult;
}

window.onload=function ()
{
	var oUl=document.getElementById('ul1');
	var aBox=getByClass(oUl, 'box');
	var i=0;
	
	for(i=0;i<aBox.length;i++)
	{
		aBox[i].style.background='yellow';
	}
}
</script>
</head>

<body>
<ul id="ul1">
	<li></li>
	<li></li>
	<li></li>
	<li class="box"></li>
	<li></li>
	<li class="box"></li>
	<li class="box"></li>
	<li></li>
	<li></li>
	<li></li>
</ul>
</body>
</html>

 

dxm809
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Python selenium根据class定位页面元素
ai81450的博客
09-06 3374
　　在日常的网页源码中，我们基于元素的id去定位是最万无一失的，id在单个页面中是不会重复的。但是实际工作中，很多前端开发人员并未给每个元素都编写id属性。通常一段html代码如下： 1 <div class="sui-tips s-isindex-wrap sui-tips-exceedtipnews" style="display: none; width: auto;"...
js实现点击元素添加class并删除其他同级元素class
Stu222223的博客
07-28 2642
$(".brand li").click(function(){ $(this).find("a").addClass("current"); $(this).siblings().find("a").removeClass("current"); // .siblings() 返回被选元素的所有同级元素（其余）。 }); });
根据ID，class 选择元素
哈哈__哈哈的专栏
09-29 176
[code="java"]$('frame_left').select('.pro_nav li')[3].addClassName('cur');[/code] 表示获取 id 为 frame_left 的元素下的 某个class为pro_nav的下面的第4个li元素 添加 class 为 cur...
通过class选取元素
fuxiaomi2016的博客
12-20 1541
获取类名
css选择指定class的元素
笔记
12-05 4646
.pagination li.disabledspan 选择class为disabled的li，优先级可以覆盖 .pagination li span /*分页*/ .pagination { margin-top: 10px; margin-bottom: 10px; } .pagination { display: inline-block; pad...
python—Selenium
hxxjxw的博客
03-10 279
简介 Selenium 是一个 Web 应用的自动化框架。 通过它，我们可以写出自动化程序，自动操纵浏览器web界面。 比如点击界面按钮，在文本框中输入文字等操作。而且还能从web界面获取信息。 比如获取12306票务信息，招聘网站职位信息，财经网站股票价格信息 等等，然后用程序进行分析处理。 安装 pip install selenium 然后浏览器还...
js选取多个或单个元素的实现代码（用class）
10-27
标题提到的"js选取多个或单个元素的实现代码（用class）"，主要是指通过元素的class属性来选取页面上匹配该类名的一个或多个元素。在实际网页开发中，我们经常需要根据类名来获取元素，以便进行样式修改、事件绑定等...
css 选父元素,CSS中模拟父元素选择器
weixin_30750685的博客
08-03 6998
很多情况下，我们需要找到父元素，但可惜的是css中并没有这样的一个选择器。至于原因可以看张鑫旭的如何在CSS中实现父选择器效果这篇文章。简单来说这个实现并不是真正的父元素选择器，只是利用其它思路来实现相同效果罢了。HTML：ppppppppCSS：div,p{margin:0;padding:0;}#box{width:300px;height:300px;position:relative;}#...
CSS选择器(元素+class+id+后代+子元素+相邻+属性+选择器分组)
热门推荐
北溟南风起
03-08 2万+
元素选择器( p{ ...; ...;}) 对已选中的HTML元素符号设置CSS样式 div、 p、 a 、ul 、li等 基本格式： div { height:80px; width:80px; } 1.div: 元素符号 2.width、height : 属性 3.80px : 属性值 class选择器( .Name { ...; ...;} )...
查找定位C/s的元素（自动化用）
03-15
3. 移动鼠标到页面上的元素上，`Inspect`会高亮显示所选元素，并在代码视图中突出显示对应的HTML代码。 4. 查看元素的属性信息，包括但不限于`id`、`class`、`name`、`tag name`、`CSS selector`等，这些信息将用于...
纯js通过class选择元素
精彩人生
07-13 2362
高级浏览器已经支持了getElementsByClassName，所以如果支持就使用getElementsByClassName，如果不支持则通过循环选择 function getElementsByClassName(node,classname){ if(node.getElementsByClassName){ return node.getElementsByClassNam
复杂元素-通过class获取多元素中指定元素的值
透明大脑
06-08 768
<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("p").css("background-color","red"); alert(.
筛选class来选取元素的一种实现
Tizzy_Joel的专栏
02-06 593
用遍历所有元素的方式 function getElementsByClass(className){         var elems=document.getElementsByTagName('*');//获得所有的dom元素         var res=[];         for(var index=0;index             //console.log(
使用jquery怎么选择有两个class的元素？
xinghuo0007的博客
12-18 8803
实例： 我们想要选择class为：box_list clearfix 的div<div class="box_list clearfix" style="z-index:1000"> <h2> <a href="http://ent.ifeng.com/a/20161218/42786516_0.shtml" target="_
封装一个获取具有某class属性值的所有元素的方法
xiaoxiede_wo的博客
04-29 853
我们要知道数组的slice方法的底层实现原理： Array.prototype.slice = function(a,b){ var newArr=[]; for(var i = 0;i < b;i++){ newArr.push(arr[i]); } return newArr; } 如果有以下dom结构： <input id="de...
DOM（通过class的值获取元素&通过元素获取元素&Element类型提供简写的用于获取标准属性的方式&元素的内容1.2）
王冉的博客
03-11 8063
node.getElementsByTagNmae; node可以为任何节点对象 1、通过class的值获取元素 语法： node.getElementsByClassName("class属性值"); node表示任何节点对象 注意，得到的是一个集合 2、通过选择器选取元素 语法： node.querySelector("选择器名"); 获取到第一个与选择器名匹配的元素 node.query...
前端class属性中有多个值如何选中
喜羊羊love红太狼
11-28 1287
<div class="btn btn-primary edt"></div> jquery选中如下class中有多个值标签 知识点：并集选择器 $(".btn.btn-primary.edt").html();
单片机项目方案医用点滴WIFI远程监控,报警系统
最新发布
09-01
单片机项目方案医用点滴WIFI 远程监控、报警系统提取方式是百度网盘分享地址
selectorQuery.selectAll怎么用class
09-13
### 回答1： selectorQuery.selectAll() 方法可以用类选择器来选择元素。你可以使用类选择器（以“.”开头）来选择具有相同类名的所有元素。 以下是一个示例，演示如何使用类选择器选择所有具有“example-class”类的元素： ```javascript wx.createSelectorQuery().selectAll('.example-class').boundingClientRect(function(rects) { // 处理逻辑 }).exec(); ``` 在上面的示例中，`.example-class` 是类选择器，它选择了所有具有“example-class”类的元素。你可以将其替换为你要选择的类名。注意，类名前必须加上“.”。 ### 回答2： selectorQuery.selectAll可以用来选取指定页面中满足特定条件的一组元素。当需要选取指定class的元素时，可以使用类选择器（.class）。 下面是使用selectorQuery.selectAll选取class为"example"的元素的示例代码： ```javascript // 创建一个SelectorQuery对象 const query = wx.createSelectorQuery(); // 使用select方法选取class为"example"的所有元素 query.selectAll('.example').boundingClientRect(); // 执行查询并获取元素信息 query.exec(function(res) { // res是一个数组，包含选取元素的信息 // 可以通过res数组遍历获取每个元素的信息 res.forEach(function(rect) { console.log(rect); // 输出元素信息 }); }); ``` 在上面的代码中，通过调用selectAll('.example')来选取class为"example"的所有元素，并通过boundingClientRect()方法获取元素的位置和尺寸信息。最后，通过调用exec方法执行查询，并在回调函数中获取每个元素的信息。 需要注意的是，这段代码是在小程序中使用的示例，如果是在网页中使用selectorQuery.selectAll，需要使用document.querySelectorAll('.example')来选取class为"example"的所有元素，并使用getBoundingClientRect()方法获取元素的位置和尺寸信息。 总结起来，使用selectorQuery.selectAll选取class可以通过使用类选择器（.class）来实现。 ### 回答3： selectorQuery.selectAll使用class的方法如下： 首先，需要创建一个selectorQuery实例，即通过wx.createSelectorQuery()方法创建一个选择器查询对象。然后，可以使用selectAll方法来选择指定class的所有元素。 示例代码如下： ```javascript // 创建selectorQuery实例 const query = wx.createSelectorQuery(); // 通过selectAll选择指定class的所有元素 query.selectAll('.class-name').boundingClientRect(); // 执行选择查询操作 query.exec(function(res) { // res是一个数组，包含所有选中元素的信息 if (res && res.length > 0) { res[0].forEach((item) => { // 遍历选中的元素信息，进行相应操作 console.log(item); }); } }); ``` 在以上示例中，`.class-name`表示需要选择的class名称，可以根据实际情况替换成具体的class名。在exec方法中，可以处理所选元素的信息，例如输出到控制台或进行其他操作。 需要注意的是，selectorQuery.selectAll是异步执行的，因此需要在exec方法中处理选中元素的信息。在exec方法执行之前的代码，主要用于创建选择器查询对象和配置选择条件。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值