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

js 怎么替换<label>...</label>中包括的提示文字呢?

  •  
  •   miniyao · 2017-11-16 20:51:16 +08:00 · 2021 次点击
    这是一个创建于 2324 天前的主题,其中的信息可能已经有所发展或是发生改变。

    要把 “显示次数” 替换掉,换成 “第 n 次”,用 js 怎么可以只替换 “显示次数” 这 4 个字呢? 试了下各种方法,要么选不中,要么就是把<input...>一起换没了。

    • document.getElementById('times'),找不到 “显示次数” 4 个字;

    • document.getElementsByClassName(checkbox)[0].innerText = ("第 n 次"); 会把<input...>的 checkbox 一起换没了。

    <div class="checkbox">
          <label>
            <input checked="" id="times" name="show_times" value="y" type="checkbox"> 显示次数
          </label>
    </div>
    
    11 条回复    2017-11-17 14:02:08 +08:00
    alwayshere
        1
    alwayshere  
       2017-11-16 20:53:36 +08:00   ❤️ 1
    你把“现实次数”用 span 包裹起来不行啊??
    lhx2008
        2
    lhx2008  
       2017-11-16 20:58:58 +08:00 via Android   ❤️ 1
    document.getElementsByTagName("label")[0].childNode[1].nodeValue="第 n 次" 或者 .innerText 或者.InnerHTML
    lhx2008
        3
    lhx2008  
       2017-11-16 21:04:37 +08:00 via Android
    或者选到 input 用 nextSibling 可以选到那个 text 结点,然后用 innerHTML 改就行
    miniyao
        4
    miniyao  
    OP
       2017-11-16 21:07:04 +08:00
    @alwayshere
    @lhx2008

    谢谢,页面里 label 太多了,怕定位不准,简单粗暴的采用了 @alwayshere 的建议,直接给 span 加个 id 了事了😄
    nciyuan
        5
    nciyuan  
       2017-11-16 21:07:08 +08:00
    你头像是抠图的吧。。。
    nciyuan
        6
    nciyuan  
       2017-11-16 21:19:52 +08:00
    @miniyao mcbbs 上抠图的?
    miniyao
        7
    miniyao  
    OP
       2017-11-16 21:23:52 +08:00
    @nciyuan 呃,都是脏乱差的活,没人干的苦逼差😭
    lslqtz
        8
    lslqtz  
       2017-11-16 21:48:30 +08:00 via iPhone
    选 label 内全部 input,按顺序给文本值
    laqow
        9
    laqow  
       2017-11-16 22:22:21 +08:00 via Android
    <li>
    <input checked="" id="times" name="show_times" value="y" type="checkbox"><label for="times" id="times-label">显示次数</label>
    </li>

    这样呢?
    nciyuan
        10
    nciyuan  
       2017-11-16 22:27:27 +08:00
    @miniyao 这么跟你说吧,这头像是我在 MCBBS 上和几个平台上用的,V2 的头像是邮箱关联 Gravatar 的,So,you DT
    stillsilly
        11
    stillsilly  
       2017-11-17 14:02:08 +08:00
    你这个 label 的用法有点奇怪啊……
    <form>
    <label for="male">Male</label>
    <input type="radio" name="sex" id="male" />
    <br />
    <label for="female">Female</label>
    <input type="radio" name="sex" id="female" />
    </form>
    一般都是这样写的
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   1066 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 19:00 · PVG 03:00 · LAX 12:00 · JFK 15:00
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.