javascript - 你能检测到 dom 节点的样式何时设置为 'auto' 吗？

Question

以 CSS 为例:

.thing { height: auto }

和 HTML:

<div class="thing">The quick brown fox jumps over a lazy dog.</div>

是否可以检测到 .thing 的高度设置为“auto”？

以下方法返回值:

jQuery('.thing').height()        // n
jQuery('.thing').css('height')   // 'npx'
getComputedStyle(node).height    // 'npx'

是否有任何方法可以告诉我浏览器正在从“自动”计算这些值？

Answer 1

是的，有一种方法，但这不是一种有趣的方法。你要做的是:

1. 遍历所有 样式标签 和链接的样式表。

2. 然后获取所有样式标签中所有cssRules的selectorText

   styletag.sheet.cssRules.selectorText
   

   或 IE < 9

   styletag.styleSheet.cssRules.selectorText
   

3. 获取所有元素的父元素 id、class 和 tagName 以找出标签获取属性。

4. 找到指向您的元素的所有可能组合cssRules
列表
5. 检查 cssRules.style.width 中的 cssRules 是否为自动。

或者做一些相反的事情，找到所有 cssRules with style.width == 'auto'; 无论哪种方式，如果没有大量代码，都不容易获得