javascript - 是 javascript 是否区分大小写调用的 html 控件的 ID

Question

我有这个控制

 <input id="btnBackMP" type="button" value="<" onclick="BackGroup('MP') ;" 
  disabled="disabled" style="background-color: #BF0000; width: 28px;" />

在 backGroup 函数中，我使用了这个代码行：

  document.getElementById('btnback' + Key).disabled = true;

此行在 Web Dev 上运行良好，但是当我在服务器（iis 7）上发布我的站点时，此行停止工作，直到我将其更改为以下内容：

document.getElementById('btnBackMP'+ Key).disabled = true;

有人知道吗？

谢谢

score 2 · Accepted Answer

Have you changed in calling function argument too since before your are passing 'MP' as argument and using as key

<input id="btnBackMP" type="button" value="<" onclick="BackGroup() ;" 
  disabled="disabled" style="background-color: #BF0000; width: 28px;" />

and why do not you directly change to this line only :-

document.getElementById('btnBackMP').disabled = true;

score 2 · Accepted Answer

元素 ID 区分大小写。id 必须是唯一的，但理论上您可以在同一文档中使用 id="elementa" 和 id="elementA" 来引用两个不同的节点。

不建议这样做

score 1 · Accepted Answer

根据idHTML 规范，属性值区分大小写；参见例如HTML 4.01 onid。因此，它们在 JavaScript 中使用时也区分大小写。请注意，该document.getElementById方法查询 DOM，此处必须遵循 HTML 约定。

所以btnbackMP和btnBackMP是不同的id价值观。正如所指出的，您的代码似乎也有另一个错误，但这可能只是制定问题的一个问题。（我想最后一行代码应该btnBack没有btnBackMP。）

3 回答 3