IE 11:对象不支持 属性 或方法 'getElementsByClassName'

IE 11: Object doesn't support property or method 'getElementsByClassName'

这不是重复的。以前的问题与 IE8 有关。这发生在 IE11 中。

我在 Chrome 或 Firefox 中没有问题 运行,但我的代码必须在 IE11 中运行,并且我收到以下错误:

对象不支持 属性 或方法 'getElementsByClassName'

function showNext(a) {
    var questions = document.getElementsByClassName("questionholder");
    showRequired.style.display = "none";

    for (var i = 0; i < questions.length; i++) {
        questions[i].style.display = "none";
    }

    var nextQuestion = document.getElementById("question" + a);

    if (nextQuestion !== null) {
        nextQuestion.style.display = "inline-block";
    }
}

代码应该在此处查找:

<form id="TheForm" style="display:block;">
    <div class="questionholder" id="question0" style="display:block">
        <a class="text2button" onclick="showNext(1)">Start</a>
    </div>
    <div class="questionholder" id="question1" style="display:block">
        <a class="text2button" onclick="showNext(2)">Q1</a>
    </div>
    <div class="questionholder" id="question2" style="display:block">
        <a class="text2button" onclick="showNext(3)">Q2</a>
    </div>
</form>

上面的代码将隐藏所有 div,然后显示与点击按钮确定的 ID "question"+a 相匹配的 div。

如何解决上述错误?

修复如下:

<meta http-equiv="X-UA-Compatible" content="IE=11" />