取消設(shè)置沒反應(yīng)
求問,為什么取消設(shè)置沒反應(yīng)呢,求大神解惑??!
? <form>
? <!--當(dāng)點(diǎn)擊相應(yīng)按鈕,執(zhí)行相應(yīng)操作,為按鈕添加相應(yīng)事件-->
? ? <input type="button" value="改變顏色" ?onclick="modifycolor()"> ?
? ? <input type="button" value="改變寬高" ?onclick="modifysize()">
? ? <input type="button" value="隱藏內(nèi)容" ?onclick="hide()">
? ? <input type="button" value="顯示內(nèi)容" ?onclick="show()">
? ? <input type="button" value="取消設(shè)置" ?onclick="reset()">
? </form>
? <script type="text/javascript">
//定義"改變顏色"的函數(shù)
function modifycolor()
{
? ? var txt1=document.getElementById("txt");
? ? txt1.style.color="red";
? ? txt1.style.backgroundColor="#ccc";
}
//定義"改變寬高"的函數(shù)
function modifysize()
{
? ? var txt1=document.getElementById("txt");
? ? txt1.style.width="200px";
? ? txt1.style.height="200px";
}
//定義"隱藏內(nèi)容"的函數(shù)
function hide()
{
? ? ? var txt1=document.getElementById("txt");
? ? txt1.style.display="none";
}
//定義"顯示內(nèi)容"的函數(shù)
function show()
{
? ? ? var txt1=document.getElementById("txt");
? ? txt1.style.display="block";
}
//定義"取消設(shè)置"的函數(shù)
function reset()
{
? ? var txt1=document.getElementById("txt");
? ? var choice=confirm("是否取消設(shè)置");
? ? if(choice==true)
? ? {
? ? ? ? txt1.style.height="400px";
? ?txt1.style.backgroundColor="#fff";
? ?txt1.style.color="#000";
? ? ? ? txt1.style.width="600px";
? ? ? ? txt1.style.display="block";
? ? }
}
? </script>
2017-11-12
定義變量名不可以使用javascript關(guān)鍵字或保留字,所以把reset換個(gè)名就可以了
2017-11-10
document.getElementById("txt").removeAttribute('style')