Question

在HTML中，您可以指定label标签的“for”属性，以便在用户点击标签时选择相应的单选按钮：

<input type="radio" name="group" value="1" id="radioButtonId" />
<label for="radioButtonId">label text</label>

使用javascript（特别是使用Prototype JS框架）动态创建标签标签时出现问题。 For 是 for loops 的保留关键字。 Prototype JS的文档显示 className 是保留关键字 class 的代码字，但它没有说明 for 的代码字是什么。它是什么？

new Element(
 'label', {
  for: 'radioButtonId'
 }
).update('label text');

Answer 1

className是与class属性对应的标准DOM属性;这与Prototype本身无关。

同样，与for属性对应的DOM属性为htmlFor。

Answer 2

要将保留的工作用作对象文字中的键，只需将其包装在引号中，如下所示：

new Element(
 'label', {
  'for': 'radioButtonId'
 }
).update('label text');

Answer 3

您是否尝试过引号？

new Element('label',{'for':'radioButtonId'}).update('label text');

使用“for”属性动态创建标签标签

3 个答案: