在IE中不能工作的HTML/Javascript劇本腳本（顯示/隱藏）

<div id="z1" onclick="document.getElementById('q1').style.display='';  document.getElementById('z1').style.display='none';" style="border:solid 1px; background- color: #DDDDDD; width:936px; height:auto; margin-left:0px;margin-right:0px;"> 
<h2>&nbsp;Pg. 419-423, problems 8-14 even, 20-30 odd, AYP 1-10</h2></div> 
<div id="q1" onclick="document.getElementById('q1').style.display='none';  document.getElementById('z1').style.display='';" style="display:none; border:solid 1px;   background-color: #DDDDDD; width:938px; height:auto;margin-left:0px;margin-right:0px;"> 
<h2>&nbsp;Pg. 419-423, problems 8-14 even, 20-30 odd, AYP 1-10</h2> 
</br> 
<img src="http://www.rediker.com/reports/samples/Attendance-Period/Homework-Assignment-  form.jpg"></img></div>

上面的腳本就是我計劃用來創建擾流板的。基本上，當用戶點擊z1元素時，它隱藏自身並顯示q1元素，反之亦然。它適用於除IE以外的所有瀏覽器。連接Jquery將是一個小的責任。在IE中不能工作的HTML/Javascript劇本腳本（顯示/隱藏）

來源

2013-07-22 KrokosPro

內嵌JavaScript ???看起來不好。 – Praveen

jQuery不是必需的。這是純javascript。 – defau1t

這是生活在一個真實的網站，我們可以訪問？ –

我想這就是你要找的。你錯過添加display: block

更改此

document.getElementById('z1').style.display='';

到

document.getElementById('z1').style.display='block';

你應該考慮清理你的代碼。

HTML：

<div id="z1" onclick="aa()"></div> 
<div id="q1" onclick="bb()"> 
    <img src="http://www.rediker.com/reports/samples/Attendance-Period/Homework-Assignment-form.jpg"/> 
</div>

JS：

function aa() { 
    document.getElementById('q1').style.display = 'block'; 
    document.getElementById('z1').style.display = 'none'; 
} 

function bb() { 
    document.getElementById('q1').style.display = 'none'; 
    document.getElementById('z1').style.display = 'block'; 
}

Working JSfiddle

來源

2013-07-22 18:40:21 Praveen

現在進行測試... – KrokosPro

仍然遇到IE問題。 – KrokosPro

好的，測試你的編輯 – KrokosPro

在IE中不能工作的HTML/Javascript劇本腳本（顯示/隱藏）

回答

相關問題