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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› D3.js

推荐书目

› JavaScript 权威指南第 5 版

这是一个创建于 1887 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

7 条回复 • 2019-09-24 17:40:56 +08:00

gchxp

2019-09-24 10:12:31 +08:00

fo3xx

2019-09-24 10:12:49 +08:00

eq(0)

tanhua

2019-09-24 10:13:38 +08:00

document.getElementsByTagName('pre')[0]

redbuck

2019-09-24 10:21:15 +08:00

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

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

azcvcza

2019-09-24 11:48:57 +08:00

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

pigcandance

2019-09-24 17:37:14 +08:00

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

redbuck

2019-09-24 17:40:56 +08:00

@pigcandance

汗...

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