javascript - 为什么 DOM 与源代码中的属性大小写会发生变化？

Question

我发现，当您尝试获取属性名称的原始大小写时，它总是返回全小写的名称。为什么会发生这种情况以及我们如何解决这个问题？

请看下面这个简单的例子。源代码显示，输入字段的第二个属性是“SomeAttribute”，当我获取该属性的值时，它会更改为“someattribute”。

<input type="text" SomeAttribute="test" />

<script>
  
var attributeName = document.getElementsByTagName("input")[0].attributes[1].name;
alert(attributeName);

</script>

Answer 1

HTML 属性不区分大小写，因此浏览器对两者的处理方式相同。

但是，正如 W3C attribute page 中所写，“W3C 建议在 HTML4 中使用小写字母，并要求 XHTML 等更严格的文档类型使用小写字母。”。

为了避免进一步的问题，请仅使用小写字母作为属性名称。