Javascript 检查多个父标签

我构建了一个非常简单的contenteditable编辑器，它允许以下内容：

1. A：友情链接
2. H1、H2 标签
3. 粗体、斜体和下划线

以上都是通过document.execCommand完成的，工作正常。我的问题是检查onmousedown/up焦点区域是否有父标签（一个或多个）。

我已经设法编写了一个函数，如果存在特定标签，它将检查和更新编辑器的 CSS。但这并不能解释多个标签，我相信一定有一个简单的方法来做到这一点，我忽略了一些东西。

到目前为止我的代码（目前只寻找一个标签）：

document.onmousedown = triggerTextSelection;
document.onmouseup = function (event) {
    setTimeout(function () {
        check(event);
    }, 1);
};
function check() {
    // The same applies for Bold,Italic,Underline etc...
    if (hasParentWithTag(getFocusNode(), 'blockquote')) {
        $('.quote-btn').addClass('btn-active');
    } else {
        $('.quote-btn').removeClass('btn-active');
    }
}
function getFocusNode() {
    return document.getSelection().focusNode;
}
function hasParentWithTag(node, nodeType) {
    while (node.parentNode) {
        if (node.nodeName.toLowerCase() === nodeType) {
            return true;
        }
        node = node.parentNode;
    }
    return false;
}

任何帮助或指导，不胜感激。