javascript - JS - 标签的文本值 - 当标签为字符串时

Question

标签存储为字符串时，如何获取标签的文本值？

var value = "<div>teeext</div>";

标签可以是任何东西，它的属性也可能包含“>”字符串，正则表达式可能很危险——文本值本身也可以是另一个标签。

Answer 1

我猜您正在尝试剥离标签。在这种情况下，您可以这样做：

originalString = "<div>teeext</div>";
var value = originalString.replace(/(<([^>]+)>)/ig,"");

测试一下。如果您需要处理任何异常，请在此处发表评论，我会尽力为您提供进一步帮助。

编辑多个标签：

originalString = "<div>teeext</div>";
outputString = originalString;
while (outputString.indexOf(/(<([^>]+)>)/ig) !== -1){
    outputString = outputString.replace(/(<([^>]+)>)/ig,"");
    }
value = outputString;

没有测试过，但你明白了;)

Answer 2

您可以制作一个虚拟元素：

var value = "<div>teeext</div>";

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

var text = div.innerText || div.textContent;

Answer 3

仅使用 javascript：

    var div = document.createElement('div');
    var value = "<div>teeext</div>";
    div.innerHTML = value; 
    var element = div.firstChild

    console.log(element.innerHTML); //this the stuff in the tag

使用 jquery：

$(value).html();

Answer 4

这对初学者有帮助吗？

function getText(tagString) {
    var firstOpenTag = tagString.indexOf(">"),
        lastCloseTag = tagString.lastIndexOf("</"),
        substrLength;

    if (firstOpenTag == -1 || lastCloseTag == -1) {
        return tagString;
    }

    substrLength = (tagString.length - firstOpenTag) - (tagString.length - lastCloseTag) - 1;
    return tagString.substr(firstOpenTag + 1, substrLength);
}

var value = "<div>teeext</div>";

console.log(getText(value));

var moreTags = "<div><ul><li>Text</li></ul></div>",
    returnValue = moreTags,
    prevReturnValue = "";

while (returnValue !== prevReturnValue) {
    prevReturnValue = returnValue;
    returnValue = getText(returnValue);
}

console.log(returnValue);