为什么标签里的for要写成htmlFor呢?

169 阅读1分钟

"```markdown 在HTML中,有些属性的命名和JavaScript中的保留字相同,为了避免冲突,这些属性在HTML中的写法会稍有不同。其中一个常见的例子就是for属性,它在HTML中需要写成htmlFor

这种情况的原因是因为在JavaScript中,for是一个保留字,用于循环和迭代。为了避免与JavaScript中的for保留字发生冲突,HTML中的for属性在JavaScript中通过htmlFor来访问。

举个例子,如果有一个标签,需要与其关联的元素,可以使用for属性和id属性进行关联。在HTML中,for属性需要写成htmlFor,而id属性则保持不变。示例如下:

<label htmlFor=\"username\">Username:</label>
<input type=\"text\" id=\"username\">

在JavaScript中,可以通过htmlFor来访问for属性的值,如下所示:

const labelFor = document.getElementById(\"myLabel\").htmlFor;
console.log(labelFor); // 输出:username

因此,虽然在HTML中需要将for属性写成htmlFor,但在JavaScript中,可以通过htmlFor来访问for属性的值,这样就能够避免与JavaScript中的保留字发生冲突,保证代码的正常运行。