課程
/前端開發(fā)
/JavaScript
/JavaScript入門篇
為什么我的代碼敲出來之后，點擊按鈕沒有什么用呢？
2018-04-17
源自：JavaScript入門篇 3-5
正在回答
display屬性拼寫錯了
青依心暖 提問者
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>顯示和隱藏（display屬性）</title>
<script type="text/javascript">
//語法：Object.style.display = value
//注意:Object是獲取的元素對象，如通過document.getElementById("id")獲取的元素。
function hidetext()
{
document.getElementById("con").style.display="none";
}
function showtext()
document.getElementById("con").style.display="block";
</script>
</head>
<body>
<h1>JavaScript</h1>
<p id="con">JavaScript is good tool</p>
<form>
<input type="button" onclick="hidetext()" value="Hide text">
<input type="button" onclick="showtext()" value="Show text">
</form>
</body>
</html>
<!DOCTYPE HTML>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>display</title>
? ? <script type="text/javascript">?
? ? ? ? function hidetext() ?
{ ?
var mychar = document.getElementById("con");
? ? ? ? mychar.style.display="none";
} ?
function showtext() ?
? ? ? ? mychar.style.display="block";
? ? </script>?
</head>?
<body> ?
? ? <h1>JavaScript</h1> ?
? ? <p id="con">做為一個Web開發(fā)師來說，如果你想提供漂亮的網(wǎng)頁、令用戶滿意的上網(wǎng)體驗，JavaScript是必不可少的工具。</p>?
? ? <form>
? ? ? ?<input type="button" onclick="hidetext()" value="隱藏內(nèi)容" />?
? ? ? ?<input type="button" onclick="showtext()" value="顯示內(nèi)容" />?
? ? </form>
</body>?
?function hidetext() ?
? ? ? ? mychar.style.disliay="none";
這里面的?mychar.style.disliay="none"; ?disliay應該改為display
xsac 回復 青依心暖 提問者
你在那邊看到了什么
</head><body>??? <p id="p1" > JavaScript使網(wǎng)頁顯示動態(tài)效果并實現(xiàn)與用戶交互功能。</p>??? <input type="button" value="添加樣式" onclick="add()"/>?? ?<p id="p2" class="one">JavaScript使網(wǎng)頁顯示動態(tài)效果并實現(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"?? ??? }
這個是我成功的代碼，提供給你參考
你得把代碼粘出來給大家看哈，或者你自己debug還有console看下報錯
舉報
JavaScript做為一名Web工程師的必備技術，本教程讓您快速入門
5 回答我的代碼錯了嘛，效果沒出來
3 回答代碼運行不出來
4 回答求大佬看看代碼，程序結(jié)果出不來
3 回答大佬們幫我看k代碼，窗口就是出不來。。。
4 回答大神們幫忙看看我的代碼哪里有錯的嘛，我的彈窗不跳出來？
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學習伙伴
掃描二維碼關注慕課網(wǎng)微信公眾號
2018-04-17
display屬性拼寫錯了
2018-09-16
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>顯示和隱藏（display屬性）</title>
<script type="text/javascript">
//語法：Object.style.display = value
//注意:Object是獲取的元素對象，如通過document.getElementById("id")獲取的元素。
function hidetext()
{
document.getElementById("con").style.display="none";
}
function showtext()
{
document.getElementById("con").style.display="block";
}
</script>
</head>
<body>
<h1>JavaScript</h1>
<p id="con">JavaScript is good tool</p>
<form>
<input type="button" onclick="hidetext()" value="Hide text">
<input type="button" onclick="showtext()" value="Show text">
</form>
</body>
</html>
2018-04-24
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>display</title>
? ? <script type="text/javascript">?
? ? ? ? function hidetext() ?
{ ?
var mychar = document.getElementById("con");
? ? ? ? mychar.style.display="none";
} ?
function showtext() ?
{ ?
var mychar = document.getElementById("con");
? ? ? ? mychar.style.display="block";
}
? ? </script>?
</head>?
<body> ?
? ? <h1>JavaScript</h1> ?
? ? <p id="con">做為一個Web開發(fā)師來說，如果你想提供漂亮的網(wǎng)頁、令用戶滿意的上網(wǎng)體驗，JavaScript是必不可少的工具。</p>?
? ? <form>
? ? ? ?<input type="button" onclick="hidetext()" value="隱藏內(nèi)容" />?
? ? ? ?<input type="button" onclick="showtext()" value="顯示內(nèi)容" />?
? ? </form>
</body>?
</html>
2018-04-19
?function hidetext() ?
{ ?
var mychar = document.getElementById("con");
? ? ? ? mychar.style.disliay="none";
} ?
這里面的?mychar.style.disliay="none"; ?disliay應該改為display
2018-04-17
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>display</title>
? ? <script type="text/javascript">?
? ? ? ? function hidetext() ?
{ ?
var mychar = document.getElementById("con");
? ? ? ? mychar.style.disliay="none";
} ?
function showtext() ?
{ ?
var mychar = document.getElementById("con");
? ? ? ? mychar.style.display="block";
}
? ? </script>?
</head>?
<body> ?
? ? <h1>JavaScript</h1> ?
? ? <p id="con">做為一個Web開發(fā)師來說，如果你想提供漂亮的網(wǎng)頁、令用戶滿意的上網(wǎng)體驗，JavaScript是必不可少的工具。</p>?
? ? <form>
? ? ? ?<input type="button" onclick="hidetext()" value="隱藏內(nèi)容" />?
? ? ? ?<input type="button" onclick="showtext()" value="顯示內(nèi)容" />?
? ? </form>
</body>?
</html>
2018-04-17
</head>
<body>
??? <p id="p1" > JavaScript使網(wǎng)頁顯示動態(tài)效果并實現(xiàn)與用戶交互功能。</p>
??? <input type="button" value="添加樣式" onclick="add()"/>
?? ?<p id="p2" class="one">JavaScript使網(wǎng)頁顯示動態(tài)效果并實現(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"
?? ??? }
這個是我成功的代碼，提供給你參考
2018-04-17
你得把代碼粘出來給大家看哈，或者你自己debug還有console看下報錯