Javascript - 如何在不擦除输入的情况下更改标签的innerText(Javascript - how to change innerText of label while not wiping out the input)

 我想问一下 - 通过Javascript - 更改单选按钮的标签innerText （参见下面的代码）， 同时不擦除里面的输入标签 。 标签innerText在这里意味着“ Button-Label-X ”。 
 
 我试图通过document.getElementsByClassName("radio-label")元素来诊断标签样式，包括 
 
 
 
 textContent：“Button-Label-X” 
 
 
 innerText：“Button-Label-X” 
 
 
 outerText：“Button-Label-X” 
 
 
 然后为它们分配新的字符串值（例如“Button-Label-Y”）。 然而，所有这些方式导致相同的结果：输入消失，只剩下新值。 有人有任何想法吗？ 
 
 
 
 
 
  
<div class="radio">
  <label class="radio-label"><input type="radio" name="optradio"> Button-Label-X </label>
</div>
 
 
 
 
 
 当然，我可以通过将输入标签放在标签之外来解决问题，然后一切都解决了。 但是，对于这种情况，我必须为输入设置id ，为标签设置“for：id”。 对于05按钮而不是01按钮的情况来说，它变得繁琐。 

I would like to ask how - by Javascript - to change the label innerText of radio buttons (see code below) while not wiping out the input tag inside. Label innerText here means "Button-Label-X".
 
I've tried to diagnose the label style via elements of document.getElementsByClassName("radio-label"), including
 
 
 
textContent: "Button-Label-X"
 
 
innerText :"Button-Label-X"
 
 
outerText :"Button-Label-X"
 
 
then assigned new string value (ex. "Button-Label-Y") to them. However, all those ways lead to the same result: the input disappeared, only new value left. Anyone has any idea here? 
 
 
 
 
 
  
<div class="radio">
  <label class="radio-label"><input type="radio" name="optradio"> Button-Label-X </label>
</div>
 
 
 
 
 
Of course, I could do the way around by putting input tag outside of label, then everything is solved. But, for that case, I must set id for input and "for:id" for label. And it becomes tedious work for the case of 05 buttons instead of 01 one. 

原文：https://stackoverflow.com/questions/45695278