为什么IE和Firefox的工作原理不同？

Question

我在html页面中有以下代码：

<script type="text/javascript">      
    function industry(industryid)
    {
        if(industryid==0)
        {
            document.getElementById("SubIndustry").style.visibility="Hidden";
        }
        else
        {
            document.getElementById("SubIndustry").style.visibility="Visible";
        }
    }
</script>

此代码在这里使用：

<div class="Question">
             2. What is the primary nature of your business?
        </div>

        <div class="Answer">
            <input type="radio" name="q2" class="Button" value="1-1" onchange='industry(0)' />
            Manufacturing/Logistics
            <br />
            <input type="radio" name="q2" class="Button" value="1-2" onchange='industry(0)' />
            Government/Schools
            <br />
            <input type="radio" name="q2" class="Button" value="1-3" onchange='industry(1)' />
            Commercial/Service/Medical/Retail/Other
        </div>

        <div id="SubIndustry">
            <div class="Question">
                Services Sub Industry
            </div>

            <div class="Answer">
                <input type="radio" name="q2-1" class="Button" value="135-55" />
                Healthcare
                <br />
                <input type="radio" name="q2-1" class="Button" value="135-56" />
                Other
            </div>

        </div>

本质上，这就是应该发生的事情： SubIndustry div开始是不可见的，并且当有人选择第三个行业选项“ Commercial / Service / Medical / Retail / Other”时， SubIndustry出现SubIndustry div。 如果他们离开第三产业，它就会消失。

这就是它在Firefox中的工作方式，但在IE8中却不是。 它的行为就像是在后面的“转弯”。 因此，当我单击第三产业时，没有任何反应，但是如果单击，那么SubIndustry就会显示出来。 如果我再单击鼠标，它会再次消失。

那么，为什么它在IE8中的工作方式不同于Firefox？

Answer 1

我认为这一定是一些错误，因为一旦您选择了第三个选项，它就不会使div可见，而是在您单击外部其他位置时 div出现了！

我已经修改了代码，并且可以正常工作：-

<div class="Answer">
    <input type="radio" name="q2" class="Button" value="1-1" onclick="industry(0)" />
    Manufacturing/Logistics
    <br />
    <input type="radio" name="q2" class="Button" value="1-2" onclick="industry(0)" />
    Government/Schools
    <br />
    <input type="radio" name="q2" class="Button" value="1-3" onclick="industry(1)" />
    Commercial/Service/Medical/Retail/Other
</div>