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

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

大神們 怎么重置原來的樣式?

<!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" value="改變顏色" onclick="color()"> ?

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

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

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

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

? </form>

? <script type="text/javascript">

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

function color(){

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

? ? color.style.color = "#f00";

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

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

function wh(){

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

? ? w.style.width = "300px";

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

}


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

function hi(){

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

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

}


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

function bl(){

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

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

}


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

function re(){

? ? if(confirm("確定重置網頁嗎?")){


? ? }

}


正在回答

5 回答

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

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

txt.removeAttribute('style')

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

定義變量,保存原來的樣式,要恢復就把原來的樣式賦值上去,

????????var?temp1=document.getElementById("con");??????????????
????????var?temp2=document.getElementById("txt");???????????????
?????????var?style1=temp1.style;????????????????
?????????var?style2=temp2.style;
//定義"取消設置"的函數
function?cancel()
{????
????var?temp3=confirm("取消所有設置");???????
????if(temp3==true)???????
????{???????????
????????temp1.style=style1;???????????
????????temp2.style=style2;??????????????????
????}???????
????else{???????????
????????return?false;???????
????}
}


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

function btn1(){

? ? ? ? var _confirm = confirm("確認回復默認值?");

? ? ? ? if( _confirm==true ){

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

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

? ? ? ? ? ? _txt.style.backgroundColor="";

? ? ? ? ? ? _txt.style.color="";

? ? ? ? ? ? _txt.style.display="block"

? ? ? ? }else{return false;}

? ? }


0 回復 有任何疑惑可以回復我~
function?cancel(){????????var?cancel?=?document.getElementById("txt");????????if(confirm("是否取消設置:")){????????????cancel.style="none";????????}????}


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

舉報

0/150
提交
取消

大神們 怎么重置原來的樣式?

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

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

幫助反饋 APP下載

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

公眾號

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