如何检查所选文本是否为粗体（contenteditable）

我正在使用内置的 html 实现自定义文本编辑器contenteditable特征。我需要知道用户何时在文本编辑器上选择文本，无论它是否为粗体。

这是我现在所拥有的：

HTML

<button onclick="boldit()">B</button>
<div id="editor" contenteditable="true" class="email-body">
    This is an <strong>editable</strong> paragraph.
</div>

JavaScript

function boldit(){
 document.execCommand('bold');
}

可靠的方法是遍历父树检查 getComputedStyle。

我假设您已经拥有选定的元素。

function isBold(_element) {
  var element = _element;
  while (element) {
    var style = getComputedStyle(element).fontWeight;
    if (Number(fontWeight) > 400 || fontWeight === 'bold' || fontWeight === 'bolder') {
      return true;
    }
    element = element.parentNode;
  }
  return false;
}