如何从 window.selection() 获取文本样式？答案

【问题标题】：How can I get the text style from window.selection()?如何从 window.selection() 获取文本样式？
【发布时间】：2015-06-03 20:55:14
【问题描述】：

当用户选择只有 1 行时，我正在尝试获取文本选择的 css 样式。

这是我的代码，适用于多行选择案例：

var selectedDivs = window.selection().getRangeAt(0).cloneContent().children
// Then I can get css style from selectedDivs

但对于单行选择，selectedDivs 始终为[]。在这种情况下如何获得 css 样式？我已经尝试过 startContainer 和 endContainer of range 但它没有用。

【问题讨论】：

jquery 解决方案是否适合您？
@Alex：上面是一个 jQuery。 haotang：没有办法获得 CSS 样式，除非你遍历 CSS 中的每个属性.. 为你想要的每个元素。这意味着要遍历背景、背景颜色、背景图像等。
@Snorlax：是的。我没有找到任何关于这个的话题。其实我只是想获得选择/范围的字体样式和字体大小。仍在尝试寻找解决方案:)

【解决方案1】：

startContainer 中的parentNode 应该可以满足您的需求。

window.getSelection().getRangeAt(0).startContainer.parentNode

【讨论】：