2013-02-12 70 views
-2

如何在标签存储为字符串时获取标签的文本值?JS - 标签的文本值 - 当标签是字符串时

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

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

+0

当你说“标记存储为字符串”时,你是什么意思?另外,你有什么尝试? – 2013-02-12 08:46:16

+0

整个html元素都存储在一个变量中 - 如示例所示。 – 2013-02-12 08:46:49

+1

请阅读:http://whathaveyoutried.com – 2013-02-12 08:47:19

回答

0

你可以做一个虚设的元素:

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

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

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

是否可以在不操作文档的情况下得到结果? – 2013-02-12 08:56:02

+0

@ user1977315:您没有操作文档。 – Blender 2013-02-12 08:57:01

0

我猜你试图剥去标签。在这种情况下,你可以做这样的:

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; 

没有测试它,但你明白了吧;)

+0

为此:“

teeext
”:我想看到这个:“
teeext
” – 2013-02-12 08:55:14

+0

编辑..测试它.. – Dropout 2013-02-12 08:58:10

+0

你想看到,或者你会看到吗?你是否试图去掉所有的标签? – Dropout 2013-02-12 09:04:20

0

只需使用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 

U唱jquery:

$(value).html(); 
0

这是否有助于作为首发?

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);