                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /JavaScript入門篇

控制類名和改變html樣式是不是有沖突呢？

<script?type="text/javascript">
??var?mychange?=document.getElementById("txt")
//定義"改變顏色"的函數
function?changeColor()
{
????mychange.style.color="red";
????mychange.style.backgroundColor="#ccc";
}
//定義"改變寬高"的函數
function?changWH()
{
????mychange.style.width="300px";
????mychange.style.height="500px";
}

//定義"隱藏內容"的函數
function?hidetxt()
{
????mychange.style.display="none";
}

//定義"顯示內容"的函數
function?showtxt()
{
????mychange.style.display="block";
}

//定義"取消設置"的函數
function?tofirst()
{
????var?change=confirm("請問是否恢復默認值？")
????if(change==true)
????{
????myc.className="txt";//不懂這個為什么不行
????}
????else{}
}

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

function tofirst()?{

?? ?var change=confirm("請問是否恢復默認值？")

?? ?if(change==true)

????{ myc.className="txt";//不懂這個為什么不行 ? ?}

?? ?else{}?

}

總是戰死沙場

2016-05-16

源自：JavaScript入門篇 4-1

關注問題我要回答

728

操作

收起

3 回答

慕娘9282524
2016-05-17

這個問題我以前回答過。 ? 主要原因是優先級的問題?mychange.className的優先級要小于mychange.style.height/width等等 ?所以你想用mychange.className的方法去覆蓋mychange.style.height/width 的樣式是不可行的、

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

收起回答

總是戰死沙場提問者

嗯，謝謝解答

2016-05-17 回復有任何疑惑可以回復我~

總是戰死沙場提問者
2016-05-16

看了以前的回答，有小伙伴解答說因為之前的txt已后面的函數修改過，所以恢復不了。

但是我試了在<style></style>中加入了新的類選擇器

<style>
.one{
height:400px;
width:600px;
border:#333?solid?1px;
padding:5px;
}
</style>

//定義"取消設置"的函數?
function?tofirst()?{
????var?change=confirm("請問是否恢復默認值？")
????if(change==true)
????{?mychange.className="one";//為什么還是不生效}
????else{}?
}

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

收起回答