javascript - js上的小正则表达式

Question

我是正则表达式新手。我的变量包含:

<b><font color="#32748">My string:</font></b>
<big>  My value </big>
<br>

变量中的字符串随着我的字符串和我的值(随机值)的变化而重复多次。我需要找到具体的我的字符串的我的值并将(值)存储在新变量中。有时该字符串有空格，有时没有空格。

Answer 1

你真的应该try to avoid using regular expressions for parsing HTML 。特别是每个浏览器中都内置了非常强大的工具来实现这一点。

这是一个没有正则表达式的解决方案，我发现它非常简单。

其工作原理如下:

• 我们创建一个 HTML 元素
• 浏览器已经包含一个非常好的 HTML 解析器 :) 它可以为我们处理边缘情况，例如名称中的空格、转义实体和部分 HTML，就像处理网页一样。我们将 HTML 转储到元素中。
• 我们可以使用 querySelector 语法查询元素，如果您是个老家伙，甚至可以使用更简单的 getElementsByTagName。
• 我们使用 textContent属性来获取文本。

实际代码:

var test = '<b><font color="#32748">My string:</font></b><big>  My value </big><br>';

// we create an empty element and put the html in it
var div = document.createElement("div");
div.innerHTML = test;

// get the text from the font tag, as you asked for.
var test = div.querySelector("font").textContent; 

Fiddle

注意，<font>标签已弃用，不应在新代码中使用。我会考虑查看当前的 HTML5 规范并了解现代 HTML 中的工作原理。

注意2，在oldIE中你不能使用textContent所以你可以做 innerHTML或innerText .