我正在 RSA Archer 平台中实现此代码。
它在 Chrome 中完美运行，但在 IE9 中无法正常运行。
function hideDeleteButton(){
var elId = "master_DefaultContent_rts_s2487_f6881srvgrid_ctl00";
var el = document.getElementById(elId);
var className = "GridRemoveImage";
if (el != null) {
var lst = el.getElementsByClassName(className);
for (var i = 0; i < lst.length; ++i) {
lst[i].style.display = 'none';
}
}
}
$(window).bind("load", function(){
hideDeleteButton();
});
document.load = hideDeleteButton();
由于您使用 jquery 标记了问题，因此我编写了与您提供的 javascript 代码等效的 jquery 代码。
$(window).load(function() {
$("#master_DefaultContent_rts_s2487_f6881srvgrid_ctl00").find(".GridRemoveImage").hide();
});
您不必遍历每个元素来更改可见性。此代码也将具有浏览器兼容性。
这个新功能应该可以完成这项工作：
function hidedeletebutton() {
$('#master_DefaultContent_rts_s2487_f6881srvgrid_ctl00 .GridRemoveImage').each(function() {
$(this).hide();
});
}
它也一样，只是更短并且使用 jQuery
您还可以使用更可能跨浏览器工作的简单CSS隐藏元素
在这种情况下：
#master_DefaultContent_rts_s2487_f6881srvgrid_ctl00 .GridRemoveImage {
display: none;
}
这个问题有几个我想介绍的基本方面：
您必须隐藏“删除”按钮的事实告诉我，您的 Archer 应用程序设计不正确。您需要通过角色和记录权限配置来控制对记录的访问，而不是使用自定义对象代码。如果我使用开发人员工具手动激活删除按钮并删除记录怎么办？作为开发人员，您想为此负责吗？我建议您退后两步，重新设计应用程序中的访问控制。你问的问题首先应该是我问的。
所有与 jQuery 相关的答案均未考虑以下因素：
这是可用于 IE8-IE11、FireFox、Chrome 和 Opera 的代码示例：
<script type="text/javascript">
document.getElementById("master_btnDelete").style.display = "none";
</script>
为什么这行得通？因为存储在 Archer 中自定义对象中的 JavaScript 代码将在作为表单本身的一部分加载后执行。
如果给定的弓箭手应用程序有一个用于填充交叉引用值列表的弹出对话框窗口，您实际上可能需要覆盖窗口加载事件。在这种情况下，包括“删除”按钮在内的工具栏按钮可能会在显示每个弹出窗口后恢复。在这种情况下，您必须使用类似的代码：
<script type="text/javascript">
// function that will hide the Delete button
function doLoad() {
alert( "The load event is executing" );
document.getElementById("master_btnDelete").style.display = "none";
}
// code that will add load event for IE and none-IE browsers
if (window.addEventListener){window.addEventListener("load",doLoad,false);}
else
if (window.attachEvent) { window.attachEvent("onload",doLoad);}
else
if (window.onLoad) { window.onload = doLoad;}
</script>
不幸的是，微软与 IE 的设计不是很一致，这就是为什么你必须检查什么事件处理方法有效并且应该使用。如果您对此代码有更多疑问，可以使用以下两个链接作为参考：StackoverFlow Question and MSDN Help Page
现在，为什么您的 jQuery 基础代码不起作用？我不知道，可能是您编写的 Archer 版本使用的 jQuery 库版本对 IE9 的支持不够好。这让我想到了另一点。
您在提供的原始代码示例中使用了 jQuery。我建议您在为 Archer 编写自定义对象时不要使用任何库。
祝你好运，用户 3728843！
@StanUteski 提出了一些很好的观点，并提出了非常好的最佳实践。
还要记住，如果用户使用 Safari 之类的奇怪浏览器来获取基本功能，您仍然会得到奇怪的结果。
此外，浏览器可能会意外关闭 JavaScript。
现在，您可能会说这没有意义，“...b/c 我的用户知道 Archer 只能使用 '123' 特定版本的 'ABC' 浏览器” - 但是，这就是重点，即使他们是世界上最好的用户，并且完全意识到，您不一定能控制他们使用的浏览器，或者他们是否使用平板电脑或手机，或者页面加载奇怪并且没有完全加载脚本/正确的库——即使页面没有呈现，在这种情况下您可能仍然会暴露按钮，并创建用户单击和删除记录的可能性。
在所有情况下，您都希望尝试坚持 Web 应用程序的 MVC（模型-视图-控制器）或 MVVM（模型-视图-视图-模型）编程范式，其中 CONTROLLER 在服务器端并控制应用程序“功能流程和特征” - 例如 - 带有策略列表的页面具有以下按钮，这些按钮可通向其相应的页面：
然后使用用户角色和权限（这实际上是不同控制器的功能 - 基本上是访问和权限管理控制器子系统）进一步限制这些按钮及其引导位置。
这导致：
在接触开发系统之前可以并且应该做的事情
用于确定的线框图：
查看可访问性：
UI 的主要工作“屏幕”区域，例如：
以及它们是如何被纳入视野的，使用类似的机制
一个好的视图倾斜是有效的和自我记录的b/c 它被设计成直观的用户：
最后，您实际上可以开始实施：然后驱动...
控制器编码：在 Archer 的情况下，它在于：
任何自定义的 CALCULATED 字段（它们是服务器端控制器代码/结构） - 将其视为实际编码 ASP 页面的更受限制的版本。
通过始终像这样将事物分开，您将：
$(document).ready(function(){
$('#master_DefaultContent_rts_s2487_f6881srvgrid_ctl00 .GridRemoveImage').hide();
});
或者
$(document).ready(function(){
$('#master_DefaultContent_rts_s2487_f6881srvgrid_ctl00 .GridRemoveImage').css("display", "none");
});