                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /JavaScript入門篇

有誰能幫我看下是哪錯了？

<!DOCTYPE HTML>

<html>

<head>

<title>javascript</title>

body{font-size:12px;}

#txt{

? ? height:400px;

? ? width:600px;

border:#333 solid 1px;

padding:5px;}

line-height:18px;

text-indent:2em;}

</style>

</head>

<body>

? <h2 id="con">JavaScript課程</H2>

? <div id="txt">?

? ? ?<h5>JavaScript為網頁添加動態效果并實現與用戶交互的功能。</h5>

? ? ? ? <p>1. JavaScript入門篇，讓不懂JS的你，快速了解JS。</p>

? ? ? ? <p>2. JavaScript進階篇，讓你掌握JS的基礎語法、函數、數組、事件、內置對象、BOM瀏覽器、DOM操作。</p>

? ? ? ? <p>3. 學完以上兩門基礎課后，在深入學習JavaScript的變量作用域、事件、對象、運動、cookie、正則表達式、ajax等課程。</p>

? </div>

? <form>

?

? ? <input type="button" value="改變顏色" onlick="set.changeColor()"> ?

? ? <input type="button" value="改變寬高" onlick="set.changeSize()">

? ? <input type="button" value="隱藏內容" onlick="set.Hide()">

? ? <input type="button" value="顯示內容" onlick="set.Show()">

? ? <input type="button" value="取消設置" onlick="set.Concel()" >

? </form>

? <script type="text/javascript">

//定義"改變顏色"的函數

var txt=document.getElementById("txt");

var set={

? ? changeColor:function(){

? ? ? ? txt.style.color="#ccc";

? ? ? ? txt.style.backgroundColor="#fff";

? ? },

//定義"改變寬高"的函數

? ? changeSize:function(){

? ? ? ? txt.style.width="600px";

? ? ? ? txt.style.height="400px";

? ? },

//定義"隱藏內容"的函數

? ? Hide:function(){

? ? ? ? txt.style.display="none";

? ? },

//定義"顯示內容"的函數

? ? Show:function(){

? ? ? ? txt.style.display="block";

? ? },

//定義"取消設置"的函數

? ?Concel:function(){

? ? ? ?var message=confirm("是否取消設置？")

? ? ? ? if(message=true){

? ? ? ? ? ? txt.removeAttribute（'style');

? ? ? ? }

? ? }

}

? </script>

</body>

</html>

慕村5756745

2017-02-14

源自：JavaScript入門篇 4-1

關注問題我要回答

930

操作

收起

8 回答

環湖回答被采納 +3 積分
2017-02-15

好粗心，onclick都打錯了

0 回復有任何疑惑可以回復我~

收起回答

慕村5756745 提問者

非常感謝！

2017-02-15 回復有任何疑惑可以回復我~

慕村5756745 提問者
2017-02-15

YPE HTML>

<html>

<head>

<title>javascript</title>

body{font-size:12px;}

#txt{

? ? height:400px;

? ? width:600px;

border:#333 solid 1px;

padding:5px;}

line-height:18px;

text-indent:2em;}

</style>

</head>

<body>

? <h2 id="con">JavaScript課程</H2>

? <div id="txt">?

? ? ?<h5>JavaScript為網頁添加動態效果并實現與用戶交互的功能。</h5>

? ? ? ? <p>1. JavaScript入門篇，讓不懂JS的你，快速了解JS。</p>

? ? ? ? <p>2. JavaScript進階篇，讓你掌握JS的基礎語法、函數、數組、事件、內置對象、BOM瀏覽器、DOM操作。</p>

? ? ? ? <p>3. 學完以上兩門基礎課后，在深入學習JavaScript的變量作用域、事件、對象、運動、cookie、正則表達式、ajax等課程。</p>

? </div>

? <form>

?

? ? <input type="button" value="改變顏色" onclick="changeColor()"> ?

? ? <input type="button" value="改變寬高" onclick="changeSize()">

? ? <input type="button" value="隱藏內容" onclick="Hide()">

? ? <input type="button" value="顯示內容" onclick="Show()">

? ? <input type="button" value="取消設置" onclick="Concel()" >

? </form>

? <script type="text/javascript">

//定義"改變顏色"的函數

var txt=document.getElementById("txt");

? ? ? ? ? ? function changeColor(){

? ? ? ? ? ? ? ? txt.style.color="#ccc";

? ? ? ? ? ? ? ? txt.style.backgroundColor="#fff";

? ? ? ? ? ?}

? ? ? ? ? ? function changeSize(){

? ? ? ? ? ? ? ? txt.style.width="200px";

? ? ? ? ? ? ? ? txt.style.height="200px";

? ? ? ? ? ? }

? ? ? ? ? ? function Hide(){

? ? ? ? ? ? ? ? txt.style.display="none";

? ? ? ? ? ? }

? ? ? ? ? ? function Show(){

? ? ? ? ? ? ? ? txt.style.display="block";

? ? ? ? ? ? }

? ? ? ? ? ? ?function Concel(){

? ? ? ? ? ? ?var message=confirm("你確定要重置所有設置么？");

? ? ? ? ? if(message==true){

? ? ? ? ? ? ? txt.removeAttribute('style'); }

? ? ? ? ? ? }

? </script>

</body>

</html>

0 回復有任何疑惑可以回復我~

收起回答

慕村5756745 提問者

現在這份已經改好了，一堆亂七八糟的問題...

2017-02-15 回復有任何疑惑可以回復我~

環湖
2017-02-15

var set={

? ? function changeColor(){

? ? ? ? txt.style.color="#ccc";

? ? ? ? txt.style.backgroundColor="#fff";

? ? },

這里好像也錯了，不應該有var set={}的

0 回復有任何疑惑可以回復我~

收起回答

慕村5756745 提問者

我看別人的代碼好像可以有 var set=｛｝，不過好像在我的編程器亂碼了，雖然按鈕可以用

2017-02-15 回復有任何疑惑可以回復我~

環湖
2017-02-15

應該是function showtext(){}

這樣的

0 回復有任何疑惑可以回復我~

收起回答

燃料
2017-02-14

能否直接復制你的代碼下來，讓我們仔細看看

0 回復有任何疑惑可以回復我~

收起回答

慕村5756745 提問者

已經在上面了，我是看完別人的再自己做，卻不知道哪里做錯了，按鈕沒反應，審查元素也沒報錯，麻煩大神幫忙看下是哪里出問題了

2017-02-14 回復有任何疑惑可以回復我~

qq_單人旅灰色季_03513593
2017-02-14

removeAttribute→("style")括號錯了

0 回復有任何疑惑可以回復我~

收起回答

慕村5756745 提問者

還有嗎？

2017-02-14 回復有任何疑惑可以回復我~

慕村5756745 提問者

依舊按鈕用不了

2017-02-14 回復有任何疑惑可以回復我~

qq_單人旅灰色季_03513593
2017-02-14

你得把你寫的代碼給出來啊

0 回復有任何疑惑可以回復我~

收起回答

慕村5756745 提問者

幫忙看下，第一次提問不清楚流程

2017-02-14 回復有任何疑惑可以回復我~

慕村5756745 提問者
2017-02-14

<!DOCTYPE HTML>

<html>

<head>

<title>javascript</title>

body{font-size:12px;}

#txt{

? ? height:400px;

? ? width:600px;

border:#333 solid 1px;

padding:5px;}

line-height:18px;

text-indent:2em;}

</style>

</head>

<body>

? <h2 id="con">JavaScript課程</H2>

? <div id="txt">?

? ? ?<h5>JavaScript為網頁添加動態效果并實現與用戶交互的功能。</h5>

? ? ? ? <p>1. JavaScript入門篇，讓不懂JS的你，快速了解JS。</p>

? ? ? ? <p>2. JavaScript進階篇，讓你掌握JS的基礎語法、函數、數組、事件、內置對象、BOM瀏覽器、DOM操作。</p>

? ? ? ? <p>3. 學完以上兩門基礎課后，在深入學習JavaScript的變量作用域、事件、對象、運動、cookie、正則表達式、ajax等課程。</p>

? </div>

? <form>

?

? ? <input type="button" value="改變顏色" onlick="set.changeColor()"> ?

? ? <input type="button" value="改變寬高" onlick="set.changeSize()">

? ? <input type="button" value="隱藏內容" onlick="set.Hide()">

? ? <input type="button" value="顯示內容" onlick="set.Show()">

? ? <input type="button" value="取消設置" onlick="set.Concel()" >

? </form>

? <script type="text/javascript">

//定義"改變顏色"的函數

var txt=document.getElementById("txt");

var set={

? ? changeColor:function(){

? ? ? ? txt.style.color="#ccc";

? ? ? ? txt.style.backgroundColor="#fff";

? ? },

//定義"改變寬高"的函數

? ? changeSize:function(){

? ? ? ? txt.style.width="600px";

? ? ? ? txt.style.height="400px";

? ? },

//定義"隱藏內容"的函數

? ? Hide:function(){

? ? ? ? txt.style.display="none";

? ? },

//定義"顯示內容"的函數

? ? Show:function(){

? ? ? ? txt.style.display="block";

? ? },

//定義"取消設置"的函數

? ?Concel:function(){

? ? ? ?var message=confirm("是否取消設置？")

? ? ? ? if(message=true){

? ? ? ? ? ? txt.removeAttribute（'style');

? ? ? ? }

? ? }

}

? </script>

</body>

</html>

0 回復有任何疑惑可以回復我~

收起回答

舉報

0/150

提交

取消

JavaScript入門篇

參與學習 741189 人
解答問題 9866 個

JavaScript做為一名Web工程師的必備技術，本教程讓您快速入門

進入課程

本課相似問答

5 回答誰能幫我看看哪里錯了

4 回答有誰能幫我解釋下哪里錯了？

2 回答能不能幫我看下哪錯了呢？

3 回答能幫我看看哪里出錯了嗎？

4 回答幫我看下哪里出錯了

搜索更多本課相關問答

有誰能幫我看下是哪錯了？

我要回答關注問題

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

有誰能幫我看下是哪錯了？

8 回答

本課相似問答

有誰能幫我看下是哪錯了？

有誰能幫我看下是哪錯了？

有誰能幫我看下是哪錯了？