gpt4 book ai didi

javascript - 如何获得图像真实的CSS显示属性

转载 作者:太空狗 更新时间:2023-10-29 13:29:17 25 4
gpt4 key购买 nike

我得到了一段html

<img style="cursor: pointer; width: auto; height: auto; display: inline;" src="http://www.kidsgen.com/fables_and_fairytales/images/rapunzel.gif" alt="rapunzel" title="rapunzel" align="right">

即使我在其样式中设置了 display: inline;,当我尝试像这样获取其 css 显示属性时:

alert($('img:first').css('display'))

var el=document.getElementsByTagName('img')[0]
alert(document.defaultView.getComputedStyle(el,null)['display'])

它总是给我值(value) block

怎么了?

最佳答案

align='right' 属性分配导致 img 元素将其显示属性设置为“ block ”。没有 align='right' 属性的代码将警告 'inline' on jsFiddle.

<body>
<img style="cursor: pointer; width: auto; height: auto; display: inline;" src="http://www.kidsgen.com/fables_and_fairytales/images/rapunzel.gif" alt="rapunzel" title="rapunzel" />
</body>

alert($('img:first').css('display')); // alerts 'inline'

一条相关的额外信息是 img 标签实际上是 inline elements by default.但是,由于在 img 标记内设置了 align='right',即使插入这行代码,我也无法将显示属性设置回内联:

$('img:first').css('display', 'inline');

关于javascript - 如何获得图像真实的CSS显示属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15994051/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com