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

V2EX = way to explore

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

For Existing Member Sign In

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› D3.js

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

This topic created in 2410 days ago, the information mentioned may be changed or developed.

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

7 replies • 2019-09-24 17:40:56 +08:00

gchxp

Sep 24, 2019

fo3xx

Sep 24, 2019

eq(0)

tanhua

Sep 24, 2019

document.getElementsByTagName('pre')[0]

redbuck

Sep 24, 2019

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

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

azcvcza

Sep 24, 2019

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

pigcandance

Sep 24, 2019

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

redbuck

Sep 24, 2019

@pigcandance

汗...

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