如何使用querySelectorAll()通过元素的属性值获取元素？

Question

给定一些元素，如

<section style="order: 1">

、

<section style="order: 2">

和

<section style="order: 3">

，我如何使用

querySelectorAll()

来获取第一个元素，即

order

的值为

1

？

不知道如何克服这个：

document.querySelectorAll("[style]")

Answer 1

您可以使用 属性选择器 作为

[attr='value']

。

document.querySelector("[style='order: 1']");