如何使用jQuery隐藏SP.UI.ModalDialog模态弹窗内的指定id按钮

有两种常用的可行方案：

• 方案1：在弹窗加载完成的回调中操作DOM
  你可以在原有弹窗调用逻辑的基础上，新增轮询逻辑检测弹窗内DOM加载状态，同域场景下可直接操作iframe内部元素，修改后的代码如下：

function OpenDialog(URL){
    var options = {
        url:URL,
        title:"",
        dialogReturnValueCallback: DialogCallback
        };
    SP.SOD.execute('sp.ui.dialog.js', 'SP.UI.ModalDialog.showModalDialog', options);
    // 新增轮询查找目标元素的逻辑
    var checkTimer = setInterval(function() {
        // SharePoint模态弹窗默认使用class为ms-dlgFrame的iframe承载内容
        var dialogIframe = document.querySelector('.ms-dlgFrame');
        if (dialogIframe && dialogIframe.contentDocument) {
            var targetBtn = dialogIframe.contentDocument.getElementById('createnewaccounts');
            if (targetBtn) {
                targetBtn.style.display = 'none';
                clearInterval(checkTimer);
            }
        }
    }, 100);
}

该方案仅适用于弹窗加载的页面和当前父页面同域的场景，跨域场景下会被浏览器同源策略限制无法操作iframe内部DOM。

• 方案2：直接修改弹窗指向的页面代码
  如果你有权限调整https://example.com/page.aspx的代码，直接在该页面的样式表中添加隐藏规则即可，不需要修改父页面逻辑，稳定性更高：

#createnewaccounts {
    display: none !important;
}

如果弹窗加载的是跨域资源，以上两种前端方案都无法生效，只能通过调整目标页面本身的代码实现元素隐藏。

内容的提问来源于stack exchange，提问作者user388969