javascript - 带有特殊字符的JS元素标签

Question

如果登录用户没有编辑字段的权限，我会尝试禁用某些表单字段。我一直工作正常，直到我尝试进行一些浏览器兼容性测试并发现使用 JQuery 可以做到

$("#id_first_name").attr('disabled', true);
[etc. fields]

不适用于 IE。我开始检查并替换它们

id_first_name.disabled = true;

这确实有效，但我遇到了障碍。我的几个字段标有 -，这会导致“ReferenceError:左侧赋值无效”错误。

看起来它在 jQuery 中工作得很好，因为标签用引号引起来，但我需要一个不使用 jQuery 并且不更改这些字段的标签的解决方案。请指教，我已经尝试过但没有成功:

id_security-email.disabled = true;
'id_security-email'.disabled = true;
id_security\-email.disabled = true;

Answer 1

您确实应该设置“禁用”属性，而不是属性。

$("#id_security-email").prop("disabled", true);

或者，您也可以尝试引用全局属性，如下所示:

window["id_security-email"].disabled = true;

还有另一种选择:

document.getElementById("id_security-email").disabled = true;