請(qǐng)問:1、clsaaName="classname"的樣式怎么清除(點(diǎn)擊取消重置會(huì)恢復(fù)到改變樣式的狀態(tài)) 2、改變行高后我的按鈕為什么會(huì)跑上去 3、先改變行高再變樣式時(shí)背景和邊框變得很小
<!doctype html>
<html>
?<head>
? <meta charset="UTF-8">
? <meta name="Generator" content="EditPlus?">
? <meta name="Author" content="">
? <meta name="Keywords" content="">
? <meta name="Description" content="">
? <title>Document</title>
? <style>
? *{margin:0;padding:0;}
? body{font-size:22px;}
.biana{
height:200px;
width:400px;
line-height:20px;
border:red solid 2px;
padding:5px;
color:green;
background:gray;}
.hanggao{
line-height:15px;
text-indent:2em;}
? </style>
?</head>
?<body>
?<div id=all>
?<h5 id="h5">JavaScript課程</h5>
?<div id="p">
? <h5>JavaScript為網(wǎng)頁添加動(dòng)態(tài)效果并實(shí)現(xiàn)與用戶交互的功能。</h5>
? <p>1. JavaScript入門篇,讓不懂JS的你,快速了解JS。</p>
? <p>2. JavaScript進(jìn)階篇,讓你掌握J(rèn)S的基礎(chǔ)語法、函數(shù)、數(shù)組、事件、內(nèi)置對(duì)象、BOM瀏覽器、DOM操作。</p>
? <p>3. 學(xué)完以上兩門基礎(chǔ)課后,在深入學(xué)習(xí)JavaScript的變量作用域、事件、對(duì)象、運(yùn)動(dòng)、cookie、正則表達(dá)式、ajax等課程。</p>
?</div>
?</div>
?<form>
? <input type="button" value="改變樣式" name="changecolor" onclick="bian()" />
? <input type="button" value="改變行高" name="changecolor" onclick="hanggao()" />
? <input type="button" value="隱藏內(nèi)容" name="changecolor" onclick="hid()" />
? <input type="button" value="顯現(xiàn)內(nèi)容" name="changecolor" onclick="xian()" />
? <input type="button" value="取消重置" name="changecolor" onclick="cancel()" />
? </form>
? ? <script>
var a=document.getElementById("p");
//改變背景樣式函數(shù)
function bian()
{
a.className="biana"
}
//改變行高函數(shù)
function hanggao()
{
a.style.width="200px";
a.style.height="20px";
}
//隱藏內(nèi)容函數(shù)?
function hid()
{
a.style.display="none";
}
//顯示內(nèi)容函數(shù)
function xian()
{
a.style.display="block";
}
//取消設(shè)置函數(shù)
function cancel()
{
var sure=confirm("你確定要重置嗎?");
if(sure==true)
{
a.removeAttribute("style");
}
}
? </script>
?</body>
</html>
2019-07-22
//取消設(shè)置函數(shù)
function cancel() {
var sure = confirm("你確定要重置嗎?");
if (sure == true) {
a.removeAttribute("style");
a.className = ""
}
}
這個(gè)記得重置后把a(bǔ)的className 設(shè)置為空。。。
改變行高時(shí)候內(nèi)容是由高度撐起來的,所以設(shè)置為auto
2019-07-22
此事要從袁隆平說起