javascript - 修改我的单选输入按钮的文本？

Question

您的普通单选按钮有一个名称和值，但旁边还有一些文本，在本例中为“更改此文本”。

如何在 javascript 中更改它？甚至提醒它？据我所知，它不是 .inner html。

HTML:

            <input type="radio" name="radioOption1" value="Array 1"> Change this text

Javascript

    var confirmIExist = document.getElementsByName("radioOption1");
alert(confirmIExist.innerHTML);
    //alerts undefined

如果不是 .innerHTML，那是什么？如果我使用 getElementByName 或 getElementById 获取输入对象，那么后面的哪个 block 代表警报文本？

Answer 1

你可以使用 alert(confirmIExist[0].nextSibling.textContent) , 但将文本放在 <label> 中的单选按钮旁边不是更好吗？然后获取它的内部 html

<input type="radio" id="radioOption1" name="radioOption1" value="Array 1"><label for="radioOption1" id="r1option">Change this text</label>
...
var label = document.getElementById("r1option");
alert(label.innerHTML);