如何防止单选按钮在使用Javascript更新单选按钮标签innerHTML后消失?

如何防止单选按钮在使用Javascript更新单选按钮标签innerHTML后消失?,javascript,html,Javascript,Html,当我尝试使用Javascript更新单选按钮标签的innerHTML时,我使用的单选按钮将消失 这是HTML,你可以看到我在标签里有单选按钮,所以它可以在同一行 <label for="radio" name="firstElement" id="firstElement"> <input type="radio" name="radio" id="radio" /> Loading number </label> 我的问题是,如何防止单选按钮消失 我

当我尝试使用Javascript更新单选按钮标签的innerHTML时,我使用的单选按钮将消失

这是HTML,你可以看到我在标签里有单选按钮,所以它可以在同一行

<label for="radio" name="firstElement" id="firstElement">
   <input type="radio" name="radio" id="radio" /> Loading number
</label>
我的问题是,如何防止单选按钮消失


我尝试过使用包含nextSibling.nodeValue的方法,但每当我这样做时,nodeValue总是返回为未定义。

向元素添加一个span,并在其上设置文本

document.querySelector('firstElementText').innerText='It works!'

装货编号

在要更改的文本周围添加一个span,然后选择该span并仅更改该文本:

var firstElement=document.getElementById('firstElement').getElementsByTagName('span')[0];
firstElement.innerHTML=“它可以工作!”

装货编号

谢谢!这很好用。我将奖励你正确的答案
firstElement.innerHTML = "It works!";