PHP前端开发

js如何让一个元素隐藏显示

百变鹏仔 4天前 #JavaScript
文章标签 元素
直接操作 style.display 属性、使用 css class 或 jquery 可以隐藏或显示一个元素。此外,还可通过设置偏移、使用 hidden 属性或 css 变量来实现。

如何使用 JavaScript 隐藏或显示一个元素

直接操作 style.display 属性

最直接的方式是操作元素的 style.display 属性:

使用 CSS class

另一个方法是使用 CSS class:

// 隐藏元素element.classList.add("hidden");// 显示元素element.classList.remove("hidden");

使用 jQuery

如果你使用 jQuery,可以使用 show(), hide(), 和 toggle() 方法:

其他方法

还有一些其他方法可以实现元素的隐藏和显示,例如: