基本上,我试图创建一个链接,当按下时,将隐藏当前的身体div标签,并显示另一个在其位置,不幸的是,当我单击链接,第一个body div标签仍然出现.这是
HTML代码：
<div id="body"> <h1>Numbers</h1> </div> <div id="body1"> Body 1 </div>
这是CSS代码：
#body
{
height: 500px;
width: 100%;
margin: auto auto;
border: solid medium thick;
}
#body1
{
height: 500px;
width: 100%;
margin: auto auto;
border: solid medium thick;
display: hidden;
}
以下是JavaScript代码：
function changeDiv()
{
document.getElementById('body').style.display = "hidden"; // hide body div tag
document.getElementById('body1').style.display = "block"; // show body1 div tag
document.getElementById('body1').innerHTML = "If you can see this,JavaScript function worked"; // display text if JavaScript worked
}
解决方法
你有没有尝试过
document.getElementById(‘body’).style.display =“none”;
代替
document.getElementById(‘body’).style.display =“hidden”;？
