我正在使用document.createElement
构建一些菜单,最近发现需要创建单选按钮。我希望通过使用关联的标签和for
属性可以轻松地点击它们。但是,for
属性没有传递到渲染中,而且我似乎无法找到应该如何设置它。在检查器中编辑呈现的HTML后,它确实可以工作,所以我需要做的就是正确设置它。
这就是我现在正在做的事情:
var l = document.createElement('label');
var i = document.createElement('input');
var id = element.type + "_" + (Math.random() * 100);
i.id = id;
l.innerHTML = choice.name;
l.for = id; // nope
哪个会生成此标记:
<input id="radio_50.88489994434866" type="radio" value="Combined" name="layer_radios">
<label>Combined</label> <!-- no "for" attribute -->
如何设置此属性?