Internet Explorer上的Javascript

这是我的Javascript代码：-

function show(ele)
    {
        a=document.getElementById(ele);
        if(a.style.display=='none')
        {
            a.style.display='initial';
            window.q="off";
        }
        else
        {
            a.style.display='none';
            window.q="on";
        }
    }

当通过“onclick”调用时，它不会在Internet Explorer上运行。我使用这个简单的函数来显示和隐藏元素。

这就是问题所在：

a.style.display='initial';

IE中不支持样式

显示：initial

。请参阅此处的浏览器兼容性部分：

---

改用

display:block

。如果需要记住原始显示是

block

还是

inline

，请使用对象跟踪原始显示样式或使用附加到元素的数据属性。

您可以通过自己调试来跟踪此问题。例如，您可以在

a.style.display=

initial'；`线路。然后在单步执行后，检查

a.style.display

的值，您会发现它没有更改（因为IE不接受该值）。或者，在运行程序之后，您可以在样式检查器中查看元素，并且您会看到

display

的值仍然是

none

，这将为您提供线索。你知道如何使用ChromeDevTools，以及它的源代码和元素视图，或者它们的Firefox等价物吗？好的，如果类似的问题仍然存在，我们将在下次进行调试。