javascript查找queryselectorAll找到一个具有多个匹配类的元素或者特殊属性的元素

ゝ一纸荒年。 2023-10-04 22:32 7阅读 0赞

使用JS queryselectorall方法可以选择具有两个匹配类的特定标签名称的元素.

例如.我有一个元素

使用queryselectorall我可以选择一个类名：

document.querySelectorAll("a.classOne");

这怎么可以扩展,所以我可以找到所有的标签与classOne AND classtwo？  
document.querySelectorAll(“a.classOne classtwo”);如预期似乎不起作用

#### 解决方法 ####

和CSS一样：document.querySelectorAll("a.classOne.classtwo");

![e52b380d66664e138baf00eec66d2a50.png][]

#### querySelector和querySelectorAll常用方法 ####

var node = document.querySelector(“#lover”); // 获取文档中的第一个id=lover的元素
    var node = document.querySelector(“.lover”); // 获取文档中的第一个class=“lover"的元素
    var node = document.querySelector(“p.lover”); // 获取class=“lover” 的第一个p元素
    var node = document.querySelector(“a[target]”);// 获取第一个带target属性的a元素
    var node = document.querySelector("a[title=暂无认证]") // 获取a标签的title等于暂无认证的a
    var element = document.querySelector(‘.foo,.bar’);//返回带有foo或者bar样式类的首个元素
    document.querySelector(“body”).style=”"; // 移除style属性
    document.querySelector(“h2,h3”).style.backgroundColor = “blue”;//为文档的第一个h2元素添加背景颜色

document.querySelector("a\[title=暂无认证\]"):

![0195861638ee4cc595fada94a5881a80.png][]

Js常用的三种获取元素的js方式

1 document.getElementById("");
    
    2 document.getElementsByClassName();
    
    3 document.getElementsByTagName();

[e52b380d66664e138baf00eec66d2a50.png]: https://img-blog.csdnimg.cn/e52b380d66664e138baf00eec66d2a50.png
[0195861638ee4cc595fada94a5881a80.png]: https://img-blog.csdnimg.cn/0195861638ee4cc595fada94a5881a80.png