為什么點顯示和隱藏沒有反應
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<script type="text/javascript">
function btn_none()
{
document.getElementById("con").style.display="none";
}
function btn_block()
{
var mychar= document.getElementById("con");
mychar.style.display="block";
mychar.style.color="#090";
}
</script>
</head>
<body>
<h3 class="con">晨時新聞</h3>
<p class="pon">在今天早上，蕪湖市中心發生了一件駭人聳聽的事，某某Ktv發生了持刀殺人的事，一死2傷。目前警方正在對此案進行更深一步的了解，兇手已捕入獄！</p>
<form>
<input type="button" value="隱藏" onclick="btn_none()"/>
<input type="button" value="顯示" onclick="btn_block()"/>
<input type="button" value="上色" onclick="btn_color()"/>
</form>
<p class="pon">在今天早上，蕪湖市中心發生了一件駭人聳聽的事，某某Ktv發生了持刀殺人的事，一死2傷。目前警方正在對此案進行更深一步的了解，兇手已捕入獄！</p>
<input type="button" value="換裝" onclick="btn_con()"/>
</body>
</html>
2016-05-02
getElementById是獲取ID的，你下面html中寫的是class
2016-05-02
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<script type="text/javascript">
function btn_none()
{
var mychar =document.getElementById("con");
mychar.style.display="none";
}
function btn_block()
{
var mychar= document.getElementById("con");
mychar.style.display="block";
}
function btn_color()
{
var mychar= document.getElementById("con");
mychar.style.color="#090";
}
function btn_con()
{
var mychar= document.getElementById("con");
mychar.style.color="#060";
mychar.style.backgroundColor="#CCC";
}
</script>
</head>
<body>
<h3 id="con">晨時新聞</h3>
<p class="pon">在今天早上，蕪湖市中心發生了一件駭人聳聽的事，某某Ktv發生了持刀殺人的事，一死2傷。目前警方正在對此案進行更深一步的了解，兇手已捕入獄！</p>
<form>
<input type="button" value="隱藏" onclick="btn_none()"/>
<input type="button" value="顯示" onclick="btn_block()"/>
<input type="button" value="上色" onclick="btn_color()"/>
</form>
<p class="pon">在今天早上，蕪湖市中心發生了一件駭人聳聽的事，某某Ktv發生了持刀殺人的事，一死2傷。目前警方正在對此案進行更深一步的了解，兇手已捕入獄！</p>
<input type="button" value="換裝" onclick="btn_con()"/>
</body>
</html>
2016-05-02
id名，你是class名。
2016-05-02
document.getElementById("con").style.display="none"; 沒有聲明變量。。。。
var mychar=document.getElementById("con");
mychar.style.display="none";