Javascript 更改类名ie8
我在使用Javascript更改div元素的类时遇到了一些问题。我目前使用的方法(见下面的代码)适用于Chrome和Firefox,但不适用于IE8(我还没有测试IE9,但假设它已经可以工作,或者一旦IE8可以工作,它就会工作) 奇怪的是,在ie8中,当我更改输入元素的类时,它可以工作。但是更改div的类没有任何作用(类根本没有更改) JavaScriptJavascript 更改类名ie8,javascript,html,css,internet-explorer,internet-explorer-8,Javascript,Html,Css,Internet Explorer,Internet Explorer 8,我在使用Javascript更改div元素的类时遇到了一些问题。我目前使用的方法(见下面的代码)适用于Chrome和Firefox,但不适用于IE8(我还没有测试IE9,但假设它已经可以工作,或者一旦IE8可以工作,它就会工作) 奇怪的是,在ie8中,当我更改输入元素的类时,它可以工作。但是更改div的类没有任何作用(类根本没有更改) JavaScript function switchTab(tab, button) { var divs = document.getElementsB
function switchTab(tab, button) {
var divs = document.getElementsByName("tab-content");
var d;
for (counter=0; counter<divs.length; counter++) {
d = divs[counter];
if (d.id == tab)
d.className = "members";
else
d.className = "members-hidden";
}
var buttons = document.getElementsByName("button");
var bu;
for (counter=0; counter<buttons.length; counter++) {
bu = buttons[counter];
if (bu.id == button)
bu.className = "tab-active";
else
bu.className = "tab";
}
return false;
功能开关选项卡(选项卡,按钮){
var divs=document.getElementsByName(“选项卡内容”);
变量d;
用于(计数器=0;计数器
这篇文章回答了你的问题:
总结:IE不支持按名称获取默认不支持name属性的元素。这就是为什么标准表单输入字段可以工作,而div不能工作的原因
<div id="nav">
<ul class="membernav">
<li><input id="ob" type="button" class="tab-active" name="button" onclick="return switchTab('officers', 'ob')" value="Officers"></li>
<li><input id="pb" type="button" class="tab" name="button" onclick="return switchTab('partners', 'pb')" value="Partners"></li>
<li><input id="mb" type="button" class="tab" name="button" onclick="return switchTab('managers', 'mb')" value="Managers"></li>
<li><input id="ab" type="button" class="tab" name="button" onclick="return switchTab('associates', 'ab')" value="Associates"></li>
</ul>
</div>
<div id="tab-contents">
<div class="members" name="tab-content" id="officers">
<!-- irrelevant content removed to save space -->
</div>
<div class="members-hidden" name="tab-content" id="partners">
<!-- irrelevant content removed to save space -->
</div>
<div class="members-hidden" name="tab-content" id="managers">
<!-- irrelevant content removed to save space -->
</div>
<div class="members-hidden" name="tab-content" id="associates">
<!-- irrelevant content removed to save space -->
</div>
</div>