javascript - Toggle() 或 ClassList.toggle()

Question

我的页面有一些 CLS 问题。这可能是因为我用 JS 隐藏了一些元素，这是我的问题：

对于 CLS 优化，使用.toggle()或添加displayNoneClass到我想要隐藏然后使用的所有元素是否更好.classList.toggle("displayNoneClass")？

Answer 1

它取决于您要隐藏的元素的当前显示属性。当当前元素是display:inline并且您使用display:none;属性隐藏它时，您需要恢复该属性。其中 toggle() 仅在 jQuery 缓存中更改，因此不需要恢复该属性..

如果您不想通过使用更改 CSS 属性，!important则可以使用添加类，否则可以使用toggle().

否则都是一样的