JS 获取没有特定class的标签

最新推荐文章于 2023-01-20 11:12:04 发布
最新推荐文章于 2023-01-20 11:12:04 发布
阅读量1.8k 收藏
点赞数 1
CC 4.0 BY-SA版权
分类专栏： JS随笔 文章标签： JS HTML CLASS 标签 获取
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/YuleiLongdao/article/details/90697773
本文介绍了如何使用JavaScript选择并获取HTML中不包含特定class（如'active'）的标签，特别是第二个li标签。提供了两种实现方法。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

有时候我们需要获取没有特定class的标签比如如下代码

<ul id="foo">
  <li class="active">第一个</li>
  <li>第二个</li>
</ul>

如何选择没有 active 类(class) 的 第二个 li 标签呢？

这样做：

document.querySelector("li:not([class])");

还可以这样：

document.querySelector("li:not(.completed):not(.selected)")

就可以了！

js-不使用class关键字实现面向对象特性-创建类
weixin_44284942的博客
04-20 299
'use strict' //创建people类 const People = (function(){ //静态私有变量 let hasCreatedPeopleInstanceNum = 0; //People类构造函数 const peopleConstractor = function( name, id, gender ) { //私有变量 let myId = id; //私有方法 l
JavaScript实现获取dom中class的方法
10-24
在没有`getElementsByClassName`的老旧浏览器中，需要通过遍历DOM树来查找特定class的元素。上述代码中，`getClass`函数通过`getElementsByTagName`获取所有子元素，并通过`for`循环遍历每一个元素，使用`indexOf`...
【前端】获取不含某个class的节点
weixin_38792911的博客
09-18 416
代码如下： <div class="test"></div> <div class="test"></div> <div class="test test2"></div> 假如我们想获取只有class="test"的节点，可以这样写： var $dom=$(".test").not("test2");
jquery 获取没有class/id的元素！！！
weixin_42645716的博客
03-01 4278
项目中，常常遇到一个情况，引用一些封装好的插件，需要修改插件里自动生成的一些元素样式。也许这些元素没有class名或者id名。可以用下面这种方法进行解决！！！ $(“div[title=‘缩小’]”).parent(“div”).hide(); ...
js除去某个class的元素
weixin_49416704的博客
01-21 937
function getTagByClassUsingRegex (tag, cls, html) { // tag:标签名，cls：类名，html：要处理的字符串 var reg = new RegExp('<' + tag + "[^>]*class[\\s]?=[\\s]?['\"]" + cls + "[^'\"]*['\"][\\s\\S]*?<\/" + tag + '>', 'g') return html.replace(reg, '') } ..
jquery获取一组相同标签内没有class的标签
weixin_33834628的博客
05-23 300
$("ul&gt;li[class!='pre'][class!='nex']").each(function(i){ 　　$(this).html(i); });  
js获取class的所有元素
12-11
在JavaScript中，获取具有特定class的所有元素是一项常见的任务，这对于网页动态交互和DOM操作至关重要。在给定的代码示例中，我们看到一个名为`getClass`的自定义函数，它用于根据标签名称和类名获取元素。这个功能...
javascript通过获取html标签属性class实现多选项卡的方法
10-23
在JavaScript中，要获取具有特定class的元素，可以使用多种方法。例如，现代浏览器支持`document.getElementsByClassName`方法，可以直接根据class名称获取一组元素。而在不支持该方法的旧浏览器中，则可以通过`...
Jquery和JS获取ul中li标签的实现方法
11-24
2. **获取特定元素下所有`<li>`：** ```javascript var div = document.getElementById('a'); var ul = div.childNodes.item(0); // 获取第一个子节点（假设它是) var lis = ul.childNodes; for (var i = 0; i ...
js获取元素的标签名实现方法
10-21
### JavaScript 中获取元素标签名的方法 #### 原生 JavaScript 的实现 在原生JavaScript中，可以使用元素对象的`localName`属性或`tagName`属性来获取标签名。`localName`属性返回不包含命名空间的本地部分名称，...
JavaScript 判断元素是否包含指定class
xiangxiongfly
01-20 4849
JavaScript 判断元素是否包含指定class
js复习：获取元素的方式通过html标签，classs选择器，id属性。document.querySelector，document.getElementsByClassName
qq_51813155的博客
11-09 1363
获取元素的方式1.如何获取dom中的元素？2.第二个获取元素语法：总结： 1.如何获取dom中的元素？ 1.获取它的class 标签/或者标签元素 <div class="one"></div> 获取这个元素可以： var er=document.querySelector(".one");// class标签 格式：.class 也可以： var div=document.querySelector(“div”);// 直接获取html元素写 可以用单引号吗 var er=doc
JavaScript中没有类
john2522的专栏
08-24 2182
JavaScript是基于对象，而不是面向对象的语言，没严格意义的类，JavaScript中只有对象以及对象的实例，object就是对象的类型。在JavaScript中不管多么复杂的数据和代码，都可以组织成object形式的对象。 先看如下一段代码：参考：js精通 var life = {}; for(life.age = 1; life.age <= 3; life.age++)
html页面解析技术之Jsoup的基本使用
积跬步，至千里。
10-02 2680
Jsoup是一款Java的HTML解析器，可直接解析某个URL地址、HTML文本内容。它提供了一套非常省力的API，可通过DOM，CSS以及类似于jQuery的操作方法来取出和操作数据。
js(判断元素是否包含某个class名)
热门推荐
海北军
07-30 2万+
element.className.indexOf('rgb196') !== -1 //为-1则不包含该class
js获取当前div内容，div没有id，class标识
weixin_42313854的博客
12-10 1970
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div onclick="get(this.innerHTML)"> 第一 </div> <div onclick="get(this.innerHTML)"&g
js判断标签是否包含某个class
宇臾的博客
10-27 6829
当要对某些特定的标签增加事件的时候可以给它添加一个class，然后通过判定是否包含这个class而进行相应的动作。
jq 获取不含某个类名的元素集合
东东东东东辉
04-29 3834
jq 获取不含某个类名的元素集合 selectedList = $(".showCheck:not(.dn)")
js获取html class标签
05-01
你可以使用 JavaScript 中的 `document.getElementsByClassName()` 方法来获取 HTML 中的 class 标签。 例如，如果你想获取类名为 `example` 的所有元素，可以使用以下代码： ```js var elements = document....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值