如何使用javascript在单选按钮旁边添加文本

我是Javascript新手。我有一个问题，如何使用javascript在单选按钮旁边自动添加文本。我有以下代码：

for (var index=0; index<4; index++)
    {
        var text = "Hello" + index;
        var name = 'RadioButton' + (index+1);
        var radioBut = document.createElement('input');
        radioBut.setAttribute('type', 'radio');
        radioBut.setAttribute('name', name);
        document.body.appendChild(radioBut);

        var newdiv = document.createElement('div');
        var divIdName = 'my'+index+'Div';
        newdiv.setAttribute('id',divIdName);
        document.body.appendChild(newdiv);
        newdiv.innerHTML = text;

    }

---

for（var index=0；indexDiv是块级元素，因此它将在新行中呈现。请改用一些内联元素，如span或label：


for（var索引=0；索引<4；索引++）{
var text=“Hello”+索引；
变量名称='RadioButton'；//+（索引+1）；
变量id='my'+索引+'Div'；
var行=document.createElement（'div'）；
document.body.appendChild（行）；
var radioBut=document.createElement（'input'）；
radioBut.setAttribute（'type'，'radio'）；
radioBut.setAttribute（'name'，name）；
radioBut.setAttribute（'id'，id）；
行。追加子对象（radioBut）；
var label=document.createElement（'label'）；
label.setAttribute（'for'，id）；
label.innerHTML=文本；
行。追加子项（标签）；
}
for（var索引=0；索引<4；索引++）{
var text=“Hello”+索引；
变量名称='RadioButton'；//+（索引+1）；
变量id='my'+索引+'Div'；
var行=document.createElement（'div'）；
document.body.appendChild（行）；
var radioBut=document.createElement（'input'）；
radioBut.setAttribute（'type'，'radio'）；
radioBut.setAttribute（'name'，name）；
radioBut.setAttribute（'id'，id）；
行。追加子对象（radioBut）；
var label=document.createElement（'label'）；
label.setAttribute（'for'，id）；
label.innerHTML=文本；
行。追加子项（标签）；
}
请包含html输出。我现在遇到的问题是单选按钮彼此相邻，而不是彼此下方。有什么想法吗？我必须添加一个
？您可以再添加一个容器并将输入和标签附加到其中。检查更新的答案。非常感谢您的帮助。我还有很多东西要学习。没问题，e每个人有时都是初学者。如果你愿意，请随意接受答案。