Javascript HTMLF是否不工作

我使用JavaScript为每个按钮创建了3个单选按钮和一个标签。当我尝试使用

htmlFor

在标签中添加

for

时，它不会将其应用于实际的DOM元素。也就是说，当我尝试在网页上使用

标签时，它不会选择
单选按钮

我检查了开发人员工具，发现
标签
没有应用
for

我做错了什么？我该如何修复它



var\u doc=document，
SliderRapper=\u doc.getElementById（'SliderRapper'），
radioWrapper=_doc.createElement（'div'）；
对于（变量i=0；i<3；i++）{
var radio=_doc.createElement（'input'）；
var niceRadio=_doc.createElement（'lable'）；
var指数=radioWrapper.children.length/2；
nicereradio.className='nicereradio'；
niceRadio.htmlFor=radio.id='sliderRadio'+索引；
radio.type='radio'；
radio.name='myName'；
radioWrapper.appendChild（收音机）；
radioWrapper.appendChild（niceRadio）；
console.log（nicereradio.htmlFor）；
}
滑动振打器。附加子（radioWrapper）
.nice收音机{
位置：相对位置；
宽度：20px；
高度：20px；
光标：指针；
边界半径：50%；
边框：5px纯橙；
}
.收音机：悬停{
边框颜色：浅蓝色；
}
用于将标签绑定到特定表单元素的
htmlFor
。但是，它使用该表单元素的
id
（而不是
名称
）

资料来源：

HTMLLabelElement.htmlFor属性反映for的值
内容属性。这意味着此脚本可访问属性是
用于设置和读取，的内容属性值，该属性为
标签关联控制元素的ID

此外，在小提琴中，您拼错了
标签

更新的小提琴：
哦。我想唯一的问题是我拼错了
标签
。不过，请注意，您使用的
for
属性不正确。这意味着使用要绑定到的元素的id。我确信使用
名称将起作用，但我不知道这样做的后果。修复一个简单的打字错误就可以解决问题。由于这个原因，这个问题可能应该结束，因为它的根本原因与编程无关