在javascript中的元素中添加/删除类名之间切换

Question

我正在研究在Java语言的元素中添加和删除类名之间的切换。

以下是该代码：

const yaxis = xyaxis.querySelector('.y-axis');   

yaxis.classList.toggle('y-axis-scroll-bar', .35 <= yaxis.firstElementChild.offsetHeight / window.innerHeight);

问题陈述：

在上面的代码yaxis.classList.toggle('y-axis-scroll-bar')中似乎在切换时添加了y-axis-scroll-bar。

我想知道代码.35 <= yaxis.firstElementChild.offsetHeight / window.innerHeight的上述部分在做什么。

Answer 1

如有疑问，请检查文档。 classList.toggle instructs the intepreter的第二个参数是添加第一个参数中指定的类，还是删除它：

toggle( String [, force] )

     

仅存在一个参数时：切换类值；即，如果该类存在，则将其删除并返回false；如果不存在，则将其添加并返回true。

     

存在第二个参数时：如果第二个参数的值为true，则添加指定的类值，如果第二个参数的值为false，则将其删除。

因此，在您的代码中，何时

.35 <= yaxis.firstElementChild.offsetHeight / window.innerHeight

评估为true，则将类y-axis-scroll-bar添加到元素中（如果该类尚不存在）-否则，如果评估为false，则该类为如果存在，将其删除。