取消設置沒反應
求問,為什么取消設置沒反應呢,求大神解惑啊!
? <form>
? <!--當點擊相應按鈕,執行相應操作,為按鈕添加相應事件-->
? ? <input type="button" value="改變顏色" ?onclick="modifycolor()"> ?
? ? <input type="button" value="改變寬高" ?onclick="modifysize()">
? ? <input type="button" value="隱藏內容" ?onclick="hide()">
? ? <input type="button" value="顯示內容" ?onclick="show()">
? ? <input type="button" value="取消設置" ?onclick="reset()">
? </form>
? <script type="text/javascript">
//定義"改變顏色"的函數
function modifycolor()
{
? ? var txt1=document.getElementById("txt");
? ? txt1.style.color="red";
? ? txt1.style.backgroundColor="#ccc";
}
//定義"改變寬高"的函數
function modifysize()
{
? ? var txt1=document.getElementById("txt");
? ? txt1.style.width="200px";
? ? txt1.style.height="200px";
}
//定義"隱藏內容"的函數
function hide()
{
? ? ? var txt1=document.getElementById("txt");
? ? txt1.style.display="none";
}
//定義"顯示內容"的函數
function show()
{
? ? ? var txt1=document.getElementById("txt");
? ? txt1.style.display="block";
}
//定義"取消設置"的函數
function reset()
{
? ? var txt1=document.getElementById("txt");
? ? var choice=confirm("是否取消設置");
? ? 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關鍵字或保留字,所以把reset換個名就可以了
2017-11-10
document.getElementById("txt").removeAttribute('style')