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

发布于 2024-10-09 08:06:47 字数 509 浏览 3 评论 0原文

在 HTML 中,您可以分配标签标签的“for”属性,以便当用户单击标签时,它会选择相应的单选按钮:

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

使用 javascript(特别是使用 Prototype JS 框架)动态创建标签标签时会出现问题。 Forfor 循环 的保留关键字。 Prototype JS 的文档显示 className 是保留关键字 class 的代码字,但没有说明 for 的代码字是什么。它是什么?

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

In HTML, you can assign the "for" attribute of a label tag so that when the user clicks the label, it selects the corresponding radio button:

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

There's problems when creating the label tag dynamically with javascript (specifically with Prototype JS framework). For is a reserved keyword for for loops. Prototype JS's documentation shows that className is the code word for the reserved keyword class, but it doesn't say what the code word for for is. What is it?

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

趁年轻赶紧闹 2024-10-16 08:06:47

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

同样,for属性对应的DOM属性为htmlFor

className is the standard DOM property corresponding to the class attribute; it's nothing to do with Prototype per se.

Similarly, the DOM property corresponding to the for attribute is htmlFor.

白云悠悠 2024-10-16 08:06:47

要将保留的工作用作对象文字中的键,只需将其用引号引起来,如下所示:

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

To use a reserved work as a key in an object literal, just wrap it in quotes, like this:

new Element(
 'label', {
  'for': 'radioButtonId'
 }
).update('label text');
破晓 2024-10-16 08:06:47

您是否尝试过用引号引起来?

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

Have you tried putting for in quotes?

new Element('label',{'for':'radioButtonId'}).update('label text');
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文