以编程方式在HTMLElement上设置“ for”属性

时间:2019-12-05 14:39:11

标签: javascript html attributes

我正在使用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 -->

如何设置此属性?

0 个答案:

没有答案