首页   注册   登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
宝塔
V2EX  ›  JavaScript

页面上有多个 <pre>...</pre> 标签(没有 id 可选), JavaScript 怎么只给第一个 <pre> 添加样式?

  •  
  •   lisisi · 55 天前 · 783 次点击
    这是一个创建于 55 天前的主题,其中的信息可能已经有所发展或是发生改变。
    class 选择器有个 classlist,childNodes 也可以选序号,没有 id 的普通标签,JavaScript 怎么选中第 1 个 <pre> 标签呢?只给第 1 个 pre 增加样式,后面的 pre 不被影响。
    7 回复  |  直到 2019-09-24 17:40:56 +08:00
        2
    fo3xx   55 天前
    eq(0)
        3
    tanhua   55 天前   ♥ 1
    document.getElementsByTagName('pre')[0]
        4
    redbuck   55 天前   ♥ 1
    直接 document.querySelector('pre'),返回 null 或匹配到的第一个.

    不过你这种用 CSS 比较简单啊.
    pre:first-of-type{
    color: red;
    }
        5
    azcvcza   55 天前   ♥ 1
    用 CSS 的取到第几个元素规则啊。
    能用 CSS 解决为什么要上 JS
        6
    pigcandance   55 天前
    @redbuck 前端大神啊 昨天还看到你这个帖子的回复 https://www.v2ex.com/t/603187
        7
    redbuck   55 天前
    @pigcandance

    汗...

    最近项目间隙期间,摸鱼时间比较多...
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2618 人在线   最高记录 5043   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 23ms · UTC 12:23 · PVG 20:23 · LAX 04:23 · JFK 07:23
    ♥ Do have faith in what you're doing.