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

為了賬號安全，請及時綁定郵箱和手機立即綁定

取消設置專門沒效果呢？

求大神指導

<!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為網頁添加動態效果并實現與用戶交互的功能。</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" onclick="yanse()" value="改變顏色" > ?

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

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

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

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

? </form>

? <script type="text/javascript">

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

function yanse(){

var myyanse=document.getElementById("con");

myyanse.style.color="red";

? ? ? ? ? ? ? ? }

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

function kuaigao(){

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

mykuaigao.style.width="500px";

mykuaigao.style.height="200px";

}

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

function non(){

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

mynon.style.display="none";

}


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

function bloc(){

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

mybloc.style.display="block";

}


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

function quxiao(){

? ? var myshezhi=confirm("確定取消設置嗎？");

? ? if(myshezhi==true){

? ? ? ?myyanse.removeAttribute('style');

? ? ? ?mykuaigao.removeAttribute('style');

? ? ? ?mynon.removeAttribute('style');?

? ? ? ? ? ? ? ? ? ? ? }

}?

? </script>

</body>

</html>


正在回答

4 回答

txt.removeAttribute('style');

直接在里面寫這個就好了，不用寫那么多，因為txt是包裹它最外面的塊類名

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

其實問題就是 ?每個function里面的那些var my~~=document.getElementById("");是寫在每個函數里面的，所以在調用最后一個函數的時候，調用不到

??myyanse.removeAttribute('style');

? ? ? ?mykuaigao.removeAttribute('style');

? ? ? ?mynon.removeAttribute('style');?

只需要把那幾句的getElementById寫在每個函數外邊，成為全局變量就行了

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

<!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為網頁添加動態效果并實現與用戶交互的功能。</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" onclick="yanse()" value="改變顏色" > ?

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

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

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

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

? </form>

? <script type="text/javascript">

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

var myyanse=document.getElementById("con");

function yanse(){


myyanse.style.color="red";

? ? ? ? ? ? ? ? }

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

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

function kuaigao(){


mykuaigao.style.width="500px";

mykuaigao.style.height="200px";

}

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

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

function non(){


mynon.style.display="none";

}


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

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

function bloc(){


mybloc.style.display="block";

}


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

function quxiao(){

? ? var myshezhi=confirm("確定取消設置嗎？");

? ? if(myshezhi==true){

? ? ? ?myyanse.removeAttribute('style');

? ? ? ?mykuaigao.removeAttribute('style');

? ? ? ?mynon.removeAttribute('style');?

? ? ? ? ? ? ? ? ? ? ? }

}?

? </script>

</body>

</html>


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

<!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為網頁添加動態效果并實現與用戶交互的功能。</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" onclick="yanse()" value="改變顏色" > ?

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

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

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

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

? </form>

? <script type="text/javascript">

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

var myyanse=document.getElementById("con");

function yanse(){


myyanse.style.color="red";

? ? ? ? ? ? ? ? }

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

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

function kuaigao(){


mykuaigao.style.width="500px";

mykuaigao.style.height="200px";

}

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

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

function non(){


mynon.style.display="none";

}


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

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

function bloc(){


mybloc.style.display="block";

}


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

function quxiao(){

? ? var myshezhi=confirm("確定取消設置嗎？");

? ? if(myshezhi==true){

? ? ? ?myyanse.removeAttribute('style');

? ? ? ?mykuaigao.removeAttribute('style');

? ? ? ?mynon.removeAttribute('style');?

? ? ? ? ? ? ? ? ? ? ? }

}?

? </script>

</body>

</html>


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

舉報

0/150
提交
取消

取消設置專門沒效果呢？

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號