c# - Javascript 适用于 IE，但不适用于 Firefox，并给我错误 : cprofiledetailscollapse is not defined

Question

我使用 C#.net。我为隐藏和显示相应地展开和折叠 div 编写了 JavaScript。它在 IE 中运行良好，但在 Firefox 上运行良好，甚至不调用 JavaScript 函数并给我错误，因为错误:未定义 ctl00_cpContents_dlSearchList_ctl08_profiledetailscollapse。我的JavaScript如下

function displayDiv(divCompact, divExpand) {
        //alert('1');
            var str = "ctl00_cpContents_";
            var divstyle = new String();
//            alert("ibtnShowHide" + ibtnShowHide);
            divstyle = divCompact.style.display;
            if (divstyle.toLowerCase() == "block" || divstyle == "") {
                divCompact.style.display = "none";
                divExpand.style.display = "block";
//                ibtnShowHide.ImageUrl = "images/expand_img.GIF";
            }
            else {
//                ibtnShowHide.ImageUrl = "images/restore_img.GIF";
                divCompact.style.display = "block";
                divExpand.style.display = "none";
            }
            return false;
        }

Answer 1

ctl00_cpContents_dlSearchList_ctl08_profiledetailscollapse 是由 ASP.NET 生成的元素 id。它是 dlSearchList 中的一个 profiledetailscollapse 控件。

JavaScript 变量“ctl00_cpContents_dlSearchList_ctl08_profiledetailscollapse”不是定义。 Firefox 不会自动为每个具有 id 的元素创建一个以该 id 命名并包含引用的全局范围内的变量到元素。

您可能需要考虑使用 jQuery 来确保您的 DOM 操作是跨浏览器兼容的。