我的代碼錯了嘛，效果沒出來
我的代碼錯了嘛，效果沒出來啊
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" Content="text/html; charset=utf-8" />
<title>javascript</title>
<style type="text/css">
body{font-size:12px;}
#txt{
??? height:400px;
??? width:600px;
border:#333 solid 1px;
padding:5px;}
p{
line-height:18px;
text-indent:2em;}
</style>
</head>
<body>
? <h2 id="con">JavaScript課程</H2>
? <div id="txt">
???? <h5>JavaScript為網(wǎng)頁添加動態(tài)效果并實現(xiàn)與用戶交互的功能。</h5>
??????? <p>1. JavaScript入門篇，讓不懂JS的你，快速了解JS。</p>
??????? <p>2. JavaScript進階篇，讓你掌握JS的基礎語法、函數(shù)、數(shù)組、事件、內置對象、BOM瀏覽器、DOM操作。</p>
??????? <p>3. 學完以上兩門基礎課后，在深入學習JavaScript的變量作用域、事件、對象、運動、cookie、正則表達式、ajax等課程。</p>
? </div>
? <form>
? <!--當點擊相應按鈕，執(zhí)行相應操作，為按鈕添加相應事件-->
??? <input type="button" value="改變顏色" onclick="color()">?
??? <input type="button" value="改變寬高" onclick="height()">
??? <input type="button" value="隱藏內容" onclick="hide()">
??? <input type="button" value="顯示內容" onclick="show()">
??? <input type="button" value="取消設置" onclick="esc()">
? </form>
? <script type="text/javascript">
??? function color(){?????????????? //定義"改變顏色"的函數(shù)
??????? var mychar = document.getElementById("txt");
??????? txt.style.color="red";
??? }
??? function height(){
??????? var mychar = document.getElementById("txt");???
??????? txt.style.height="180px";
??? }?????????????????????????????? //定義"改變寬高"的函數(shù)
??? function hide(){??????????????? //定義"隱藏內容"的函數(shù)
??????? var mychar = document.getElementById("txt");
??????? txt.style.display="none";
??? }
??? function show(){
??????? var mychar = document.getElementById("txt");
??????? txt.style.display="block";
??? }?????????????????????????????? //定義"顯示內容"的函數(shù)
??? function exc(){
??? var mymessage=confirm("是否取消設置？");
??? if(mymessage==true)
??? {
??? txt.style=null;
??? }
??? }?????????????????????????????? //定義"取消設置"的函數(shù)
? </script>
</body>
</html>
2017-02-28
? <input type="button" value="取消設置" onclick="esc()">?? ??? function exc()? 倆個不一致
onclick="height()"? 換一個函數(shù)名
2017-02-28
<form>
? ?<!--當點擊相應按鈕，執(zhí)行相應操作，為按鈕添加相應事件-->
? ?<input type="button" value="改變顏色" onclick="color()">
? ?<input type="button" value="改變寬高" onclick="height1()">
? ?<input type="button" value="隱藏內容" onclick="hide()">
? ?<input type="button" value="顯示內容" onclick="show()">
? ?<input type="button" value="取消設置" onclick="esc()">
</form>
<script type="text/javascript">
? ?var txt=document.getElementById("txt");
? ?function color(){ ? ? ? ? ? ? ? //定義"改變顏色"的函數(shù)
? ? ? ?txt.style.color="red";
? ?}
? ?function height1(){
? ? ? ?txt.style.width="800px";
? ? ? ?txt.style.height="150px";
? ?} ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? //定義"改變寬高"的函數(shù)
? ?function hide(){ ? ? ? ? ? ? ? ?//定義"隱藏內容"的函數(shù)
? ? ? ?txt.style.display="none";
? ?}
? ?function show(){
? ? ? ?txt.style.display="block";
? ?} ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? //定義"顯示內容"的函數(shù)
? ?function esc(){
? ? ? ?var mymessage=confirm("是否取消設置？");
? ? ? ?if(mymessage==true)
? ? ? ?{
? ? ? ? ? ?txt.removeAttribute('style');
? ? ? ?}
? ?} ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? //定義"取消設置"的函數(shù)
</script>后面你直接復制就可以了，改變不了寬高可能方法是用了敏感字，height1就行，提示框出不來是因為點擊事件esc()和方法exc()不同，取消設置可以用id..removeAttribute('style');因為涉及到改變一個id的多種樣式，可以在前面就用變量獲取，可以節(jié)省代碼，還有不清楚的地方再提出來！
2017-02-28
我把你代碼粘貼在本地做了測試，點擊 “改變寬高” 和 “取消設置” 這兩個按鈕沒有效果。
在我看來，有三處錯誤，
函數(shù)不要命名為： height ，換個名字，“改變寬高”這個按鈕就可以用了。
“取消設置”按鈕調用 esc() 函數(shù)，可你聲明的是 exc() 函數(shù)。
txt.style = null ; ? 這語法就不對
改變 html 樣式的語法是 ?Object.style.property=new style;
在 esc() 函數(shù)里，你把 "#txt" 元素的樣式照著最開始的屬性重新設置一遍，不就是取消設置了嗎
有不對等地方歡迎大家指出
2017-02-28
取消設置函數(shù)調用名字寫錯了函數(shù)是function exc() ?調用時寫成了onclick="esc()"?
2017-02-28
onclick="esc()"?? 下面是exc()