課程
/前端開發(fā)
/JavaScript
/JavaScript入門篇
兩個(gè)button怎么沒反應(yīng)
2016-03-14
源自:JavaScript入門篇 3-5
正在回答
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>className屬性</title>
<style>
? ? body{ font-size:16px;}
? ? .one{
border:1px solid #eee;
width:230px;
height:50px;
background:#ccc;
color:red;
? ? }
.two{
border:1px solid #ccc;
background:#9CF;
color:blue;
}
</style>
</head>
<body>
? ? <p id="p1" > JavaScript使網(wǎng)頁(yè)顯示動(dòng)態(tài)效果并實(shí)現(xiàn)與用戶交互功能。</p>
? ? <input type="button" value="添加樣式" onclick="add()"/>
<p id="p2" class="one">JavaScript使網(wǎng)頁(yè)顯示動(dòng)態(tài)效果并實(shí)現(xiàn)與用戶交互功能。</p>
? ? <input type="button" value="更改外觀" onclick="modify()"/>
<script type="text/javascript">
? function add(){
? ? ?var p1 = document.getElementById("p1");
? ? ?p1.className="one";
? }
? function modify(){
? ? ?var p2 = document.getElementById("p2");
? ? ?p2.className="two";
</script>
</body>
</html>
qq_木頭人春天_0 提問(wèn)者
樓主代碼復(fù)制過(guò)來(lái)可直接使用,沒出錯(cuò)
none和block記得加雙引號(hào)
我一開始也沒反應(yīng),然后在none,block與=之間加個(gè)空格,發(fā)現(xiàn)能運(yùn)行了。
你如果是把代碼粘到本地的話 可能就會(huì)失敗
我把你的代碼粘過(guò)來(lái) 就可以直接運(yùn)行
你要用谷歌瀏覽器的,用別的瀏覽器可能不支持哦!換個(gè)瀏覽器試一下!加油,要有耐心!
qq_當(dāng)時(shí)年少_1
舉報(bào)
JavaScript做為一名Web工程師的必備技術(shù),本教程讓您快速入門
1 回答怎么沒反應(yīng)
1 回答怎么沒有反應(yīng)?
2 回答怎么沒有反應(yīng)/
1 回答怎么沒有反應(yīng)
1 回答button 全沒反應(yīng) 蜜汁 大佬來(lái)看看
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2016-03-14
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>className屬性</title>
<style>
? ? body{ font-size:16px;}
? ? .one{
border:1px solid #eee;
width:230px;
height:50px;
background:#ccc;
color:red;
? ? }
.two{
border:1px solid #ccc;
width:230px;
height:50px;
background:#9CF;
color:blue;
}
</style>
</head>
<body>
? ? <p id="p1" > JavaScript使網(wǎng)頁(yè)顯示動(dòng)態(tài)效果并實(shí)現(xiàn)與用戶交互功能。</p>
? ? <input type="button" value="添加樣式" onclick="add()"/>
<p id="p2" class="one">JavaScript使網(wǎng)頁(yè)顯示動(dòng)態(tài)效果并實(shí)現(xiàn)與用戶交互功能。</p>
? ? <input type="button" value="更改外觀" onclick="modify()"/>
<script type="text/javascript">
? function add(){
? ? ?var p1 = document.getElementById("p1");
? ? ?p1.className="one";
? }
? function modify(){
? ? ?var p2 = document.getElementById("p2");
? ? ?p2.className="two";
? }
</script>
</body>
</html>
2016-03-24
樓主代碼復(fù)制過(guò)來(lái)可直接使用,沒出錯(cuò)
2016-03-16
none和block記得加雙引號(hào)
2016-03-16
我一開始也沒反應(yīng),然后在none,block與=之間加個(gè)空格,發(fā)現(xiàn)能運(yùn)行了。
2016-03-15
你如果是把代碼粘到本地的話 可能就會(huì)失敗
2016-03-15
我把你的代碼粘過(guò)來(lái) 就可以直接運(yùn)行
2016-03-14
你要用谷歌瀏覽器的,用別的瀏覽器可能不支持哦!換個(gè)瀏覽器試一下!加油,要有耐心!