如何理解CSS的display属性

如何理解CSS的display属性,第1张

display 这个属性用于定义建立布局时元素生成的显示框类型。

最常用的用法,是控制元素的显示和隐藏。

display:none/block/inline。

none:此元素不会被显示。

block:此元素将显示为块级元素,此元素前后会带有换行符。

inline:默认。此元素会被显示为内联元素,元素前后没有换行符。

测试了下,1楼的documentgetElementById("a")styledisplay是得不到的,最少我的测试是得不到。

楼主应该是想获得“block”这个结果吧?因为这个是外部的样式,要用javascript直接获得比较难,不过如果用一些javascript库来协助,就方便得多了(jQuery例子):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">

需要先 找到这个元素

$('div')css('display') === 'none'  // 返回布尔值 进行判断

// 因为display是css 属性 所以用jquery 的css 方法

// 如果判断的属性是元素属性, 比如 disabled  或者 checked 等 要用prop 或者attr

以上就是关于如何理解CSS的display属性全部的内容,包括:如何理解CSS的display属性、关于DIV的display属性、用JQuery判断一个元素的display属性是不是none怎么写等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9267710.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-26
下一篇 2023-04-26

发表评论

登录后才能评论

评论列表(0条)

保存