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

V2EX = way to explore

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

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

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

要把 “显示次数” 替换掉，换成 “第 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

2017-11-16 20:53:36 +08:00

你把“现实次数”用 span 包裹起来不行啊？？

lhx2008

2017-11-16 20:58:58 +08:00 via Android

document.getElementsByTagName("label")[0].childNode[1].nodeValue="第 n 次" 或者 .innerText 或者.InnerHTML

lhx2008

2017-11-16 21:04:37 +08:00 via Android

或者选到 input 用 nextSibling 可以选到那个 text 结点，然后用 innerHTML 改就行

miniyao

2017-11-16 21:07:04 +08:00

@alwayshere
@lhx2008

谢谢，页面里 label 太多了，怕定位不准，简单粗暴的采用了 @alwayshere 的建议，直接给 span 加个 id 了事了😄

nciyuan

2017-11-16 21:07:08 +08:00

你头像是抠图的吧。。。

nciyuan

2017-11-16 21:19:52 +08:00

@miniyao mcbbs 上抠图的？

miniyao

2017-11-16 21:23:52 +08:00

@nciyuan 呃，都是脏乱差的活，没人干的苦逼差😭

lslqtz

2017-11-16 21:48:30 +08:00 via iPhone

选 label 内全部 input，按顺序给文本值

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

2017-11-16 22:27:27 +08:00

@miniyao 这么跟你说吧，这头像是我在 MCBBS 上和几个平台上用的，V2 的头像是邮箱关联 Gravatar 的，So，you DT

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>
一般都是这样写的