Question

我想将字符串子串起来，如下所示。我有字符串的起始位置和长度。我检查了这个问题Substring text with HTML tags in Javascript。但是在这个子串中从0开始执行，但我有一个随机的起始位置。关于它将如何完成的任何想法

var str = 'Lorem ipsum <p>dolor <strong>sit</strong> amet</p>, consectetur adipiscing elit.'

Answer 1

这是 DEMO

function html_substr( str, start ,count ) {

    var div = document.createElement('div');
    div.innerHTML = str;

    walk( div, track );

    function track( el ) {
        if( count > 0 ) {
            var len = el.data.length;
            if(start<=len){
                el.data = el.substringData(start,len);
                start=0;
            } else{
                start-=len;
                el.data = '';
            }
            len = el.data.length;
            count -= len;
            if( count <= 0 ) {
                el.data = el.substringData( 0, el.data.length + count );
            }

        } else {
            el.data = '';
        }
    }

    function walk( el, fn ) {
        var node = el.firstChild;
        do {
            if( node.nodeType === 3 ) {
                fn(node);
            } else if( node.nodeType === 1 && node.childNodes && node.childNodes[0] ) {
                walk( node, fn );
            }
        } while( node = node.nextSibling );
    }
    return div.innerHTML;
}

将其命名为

html_substr( str,13, 2 );

Answer 2

这是一种本机DOM API方法来执行此类操作。浏览器已经具有强大的内置HTML解析功能。无需重新发明轮子

var el = document.createElement("div");
el.innerHTML = 'Lorem ipsum <p>dolor <strong>sit</strong> amet</p>, consectetur adipiscing elit.';
el.getElementsByTagName("p").textContent;

Working demo

结果只是一个非html字符串，您可以使用.substring

轻松操作

那么，这是怎么回事？

我们将HTML转储到HTML元素中。

然后我们使用DOM API来说明以下内容：

“在我们刚给你的HTML中，找到所有p标签，取第一个（即[0]），并给我们textContent”。

使用javascript包含html标记的子字符串文本

2 个答案:

Working demo

那么，这是怎么回事？