页面上有多个 <pre>...</pre> 标签（没有 id 可选）， JavaScript 怎么只给第一个 <pre> 添加样式？

[lisisi]

class 选择器有个 classlist，childNodes 也可以选序号，没有 id 的普通标签，JavaScript 怎么选中第 1 个 <pre> 标签呢？只给第 1 个 pre 增加样式，后面的 pre 不被影响。

[gchxp]

https://developer.mozilla.org/zh-CN/docs/Web/API/Document/querySelectorAll

[fo3xx]

eq(0)

[tanhua]

document.getElementsByTagName('pre')[0]

[redbuck]

直接 document.querySelector('pre'),返回 null 或匹配到的第一个.

不过你这种用 CSS 比较简单啊.
pre:first-of-type{
color: red;
}

[azcvcza]

用 CSS 的取到第几个元素规则啊。
能用 CSS 解决为什么要上 JS

[pigcandance]

@redbuck 前端大神啊 昨天还看到你这个帖子的回复 https://www.v2ex.com/t/603187

[redbuck]

@pigcandance

汗...

最近项目间隙期间,摸鱼时间比较多...