1

这是我的 html，我不知道哪个 className 是使用查询选择器选择 h1 的正确类名：

<div class="d-flex align-items-center flex-column flex-sm-row justify-content-between w-100 pt-10 pb-15">
  <h1 class="product-title mb-0 pl-10 order-2 order-sm-1 ml-auto ml-sm-0" itemprop="name">
   Samsung Galexy A70
  </h1>

</div>

这是真的？

var a =document.queryselector( 'h1.product-title mb-0 pl-10 order-2 order-sm-1 ml-auto ml-sm-0');

还是这个是真的？

var a =document.queryselector( 'h1.product-title');
}
4

2 回答 2

1

如果你想通过多个类名选择，那么你需要放一个点. 以下都是真的

var a =document.queryselector( 'h1.product-title');

var a =document.queryselector( 'h1.product-title.mb-0');

var a =document.queryselector( 'h1.product-title.mb-0.pl-10');

var a =document.queryselector( 'h1.product-title.mb-0.pl-10.order-2');
于 2020-01-01T05:52:43.240 回答
1

嘿@Alireza 所有的方法都是真的。最好的可能是唯一的或指出唯一标签的父类。

这是产品标题。product-title 类将使您可以轻松地将任何人指向该特定标签。因此，使用那些可读且易于理解的类来制作选择器。

此外，如果您将 mb-0 作为选择器，那么它也会影响其他标签。

所以在我看来，最好的低于1。@Geetanjali 指出的任何方式，您都可以使用 dot 选择任何类.

var a =document.queryselector('h1.product-title');

于 2020-01-01T06:18:39.977 回答