                        课程
                    
                        /前端开发
                        
                            /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

关注问题我要回答

716

操作

收起

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 回复有任何疑惑可以回复我~

收起回答