这不是复制品。前面的问题与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。
我能做些什么来解决上述错误?
发布于 2019-05-23 22:13:55
修复方法如下:
<meta http-equiv="X-UA-Compatible" content="IE=11" />
https://stackoverflow.com/questions/56265315
复制相似问题