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

V2EX = way to explore

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

For Existing Member Sign In

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

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

要把 “显示次数” 替换掉，换成 “第 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 replies • 2017-11-17 14:02:08 +08:00

alwayshere

Nov 16, 2017

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

lhx2008

Nov 16, 2017 via Android

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

lhx2008

Nov 16, 2017 via Android

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

miniyao

Nov 16, 2017

@alwayshere
@lhx2008

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

nciyuan

Nov 16, 2017

你头像是抠图的吧。。。

nciyuan

Nov 16, 2017

@miniyao mcbbs 上抠图的？

miniyao

Nov 16, 2017

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

lslqtz

Nov 16, 2017 via iPhone

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

laqow

Nov 16, 2017 via Android

<li>
<input checked="" id="times" name="show_times" value="y" type="checkbox"><label for="times" id="times-label">显示次数</label>
</li>

这样呢？

nciyuan

Nov 16, 2017

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

stillsilly

Nov 17, 2017

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