JavaScript->CSS : display ="";?

标签 javascript css dom animation

编辑:

对于那些似乎不明白我的意思的人,我可以找到关于默认/初始/自然显示的另一个问题 here .


在 JavaScript 中,可以使用以下代码大纲设置元素的默认显示:

 whateverElement.style.display="";

如果运行此代码时 whateverElement 的显示为“无”,则根据浏览器的默认呈现,它现在将自然显示。

如果 whateverElement 是一个 DIV,之前没有匹配的 CSS 规则来定义其显示,那么当它的 JavaScript 显示属性设置为“”(空白)时,它的显示将默认为自然显示,即是“ block ”。

我的问题是,我希望通过 JavaScript 为它们分配一个类来使用 CSS3 动画,一些动画需要了解元素的自然显示。

在 Google Chrome Canary 中,我注意到显示属性“auto”不存在。

是否有另一种方法可以创建 CSS3 动画,将显示属性设置为元素的“默认”或“自动”显示?

一些例子...

 div{display:inline;} //all divs to be displayed "inline"
 div#specific{display:auto;} //#specific to be displayed BLOCK, disregarding the previous CSS rule.

最佳答案

您无法转换 display 属性。无论如何,这意味着什么?也许您想要转换 opacity 属性。您可以转换 visibility 属性,但由于这是一个是或否的问题,因此它只是在转换期结束时打开或关闭可见性。

对于您想要做的事情,转换 max-widthmax-height 或两者都可以很好地实现这一目的。

关于JavaScript->CSS : display ="";?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18553443/

相关文章:

javascript - 范围如何在 Webpack 中与 CommonJS 一起工作

javascript - 当我在 vanilla javascript 中单击另一个按钮时,从所有其他按钮中删除 ACTIVE 类

css - 使用 CSS 定位背景图像(多图像网格)

html - 使固定的 div 能够水平滚动

javascript - 如何在 JavaScript 中测试 CSS 选择器?

javascript - vscode 不跳转到定义

javascript - 回调不是函数错误登录和注册系统

jquery - 需要对图像的两侧应用 alpha 渐变

javascript - 如果 id 匹配则删除标签但保留文本

javascript - 普通 Javascript 循环函数选择 div 和添加/删除类的意外行为