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

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

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

    不过你这种用 CSS 比较简单啊.
    pre:first-of-type{
    color: red;
    }
    azcvcza
        5
    azcvcza  
       2019-09-24 11:48:57 +08:00   ❤️ 1
    用 CSS 的取到第几个元素规则啊。
    能用 CSS 解决为什么要上 JS
    pigcandance
        6
    pigcandance  
       2019-09-24 17:37:14 +08:00
    @redbuck 前端大神啊 昨天还看到你这个帖子的回复 https://www.v2ex.com/t/603187
    redbuck
        7
    redbuck  
       2019-09-24 17:40:56 +08:00
    @pigcandance

    汗...

    最近项目间隙期间,摸鱼时间比较多...
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   5255 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 09:36 · PVG 17:36 · LAX 02:36 · JFK 05:36
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.