在IE8中测试时，我的Javascript无法工作

我正在制作一个网站，其中一个要求是它要兼容IE8。我的页面上有一个简单的表单，使用单选按钮可以更改表单的字段集。基本上，我给用户一个选项，要么输入他的名字，要么输入他的号码。我在F12菜单的IE8兼容模式下使用W10上的IE11，切换不起作用。它适用于其他任何地方，甚至在IE9+中。你知道有什么问题吗

我的两个单选按钮都具有onclick功能，可将一个字段集设置为display:none，另一个设置为display:block。默认情况下，“标题\uuuu表单\uuuu fs\u人”是隐藏的

html:

吉梅纳酒店
/
波德勒IČ
苏拉西姆

js:

功能hideIc（无线电广播）{
如果（无线电检查）{
var ic=document.getElementsByClassName（“标题”表单“）；
var person=document.getElementsByClassName（“header\u form\u fs\u person”）；
对于（变量i=0；i

IE8不支持

GetElementsByCassName（）

请看这里：

有一个步行街：

if(!document.getElementsByClassName) {
    document.getElementsByClassName = function(className) {
        return this.querySelectorAll("." + className);
    };
    Element.prototype.getElementsByClassName = document.getElementsByClassName;
}

---

答案不是我的。。。我在这里找到它：

什么具体不起作用，抛出了什么错误？请注意，没有shims就不支持模式和占位符。没有错误，它就是不起作用。当我点击单选按钮时，什么都没有发生，什么都没有隐藏，什么都没有出现。另外，模式和占位符是我没有看到的。我怎样才能让它们工作呢？我阅读了你的解决方案并尝试了它，虽然它在所有浏览器上都能工作，但在IE8兼容模式下仍然不能工作。我尝试了该函数，并尝试将所有“getElementsByClassName”替换为“querySelectorAll”，但它仍然不起作用。如果使用jQuery（您用它标记了问题），您可以只使用

var person=$（“.header\u form\u\u fs\u person”）。。。那就更简单了。因为，就像我说的，这个答案不是我的。。。我无法解释为什么它不适合你。
<script>
            function hideIc(radio_btn) {
                if (radio_btn.checked) {
                    var ic = document.getElementsByClassName("header__form__fs_ic");
                    var person = document.getElementsByClassName("header__form__fs_person");

                    for (var i=0; i < ic.length; i++) {
                        ic[i].style.display = "none";
                        ic[i].disabled = true;

                        person[i].style.display = "block";
                        person[i].disabled = false;

                    }

                }
            }

            function hidePerson(radio_btn) {
                if (radio_btn.checked) {

                    var ic = document.getElementsByClassName("header__form__fs_ic");
                    var person = document.getElementsByClassName("header__form__fs_person");

                    for (var i=0; i < ic.length; i++) {
                        ic[i].style.display = "block";
                        ic[i].disabled = false;

                        person[i].style.display = "none";
                        person[i].disabled = true;
                    }
                }
            }

        </script>

if(!document.getElementsByClassName) {
    document.getElementsByClassName = function(className) {
        return this.querySelectorAll("." + className);
    };
    Element.prototype.getElementsByClassName = document.getElementsByClassName;
}