javascript - 如何只抓取可见的 HTML 而不抓取 CSS？

Question

getHTMLOfSelection: function() {
    var range;
    if (document.selection && document.selection.createRange) {
        range = document.selection.createRange();
        // this.document.execCommand("Copy", true);
        return range.htmlText;
    } else if (window.getSelection) {
        var selection = window.getSelection();
        if (selection.rangeCount > 0) {
            range = selection.getRangeAt(0);
            var clonedSelection = range.cloneContents();
            var div = document.createElement('div');
            div.appendChild(clonedSelection);

            var elms = div.querySelectorAll("*[style]");
            Array.prototype.forEach.call(elms, function(elm) {
                var clr = elm.style.display || "";
                if (clr === 'none') {
                    elm.innerText = '';
                }
            });

            return div.innerHTML;
        } else {
            return '';
        }
    } else {
        return '';
    }
}

这是我的代码，但在 CSS 是根据 class,id 编写的，例如 display:none、visiblity 时，它不起作用:hidden 和 height:0。

Answer 1

您可以使用类似 is() 的内容与 :visible