JavaScript-了解CSS类如何更改/更新

我有一个id =“ mydiv”的div,它在开始时没有分配给一个类.
以下两个函数将类分配给mydiv.

function one(){
document.getElementById(mydiv).setAttribute("class", "classone");
}

function two(){
document.getElementById(mydiv).setAttribute("class", "classtwo");
}

完成这两个功能后,mydiv的className是什么?
是classtwo还是classone和classtwo两者?
(如果都是类,那么如何将函数2更改为;

>首先删除mydiv的当前className
>然后分配className(我已经在函数中提到的代码)
)

解决方法:

After these two functions are completed what is the className of mydiv? Is it classtwo or classone and classtwo both?

这将是“ classtwo”.你检查了吗?

If it is both classes…

不是,以前的值被新的值代替.如注释中所指出的,如果只想替换该值,则使用className属性会更容易:

document.getElementById(mydiv).className = "classone";

并添加类值,请使用:

document.getElementById(mydiv).className += " classtwo";

注意领先的空间.并删除所有类值:

document.getElementById(mydiv).className = "";

还有一个WHATWG classList API也是documented at MDN,但是某些浏览器可能缺少支持,因此在一般Web上尚不能安全使用.

上一篇:四:Appium元素className定位方式


下一篇:SQL查询去掉重复数据