0

我试图使用 javascript 用另一个多行字符串替换多行字符串。我怎么做？

例如，伪代码可能如下所示，其中要搜索和设置的字符串是运行时变量/参数（如下所示未硬编码），因此我们无法创建固定的正则表达式。任何想法？

要搜索的字符串如下所示，

<tr>

    <td colspan="3" class="footer">&nbsp;</td>

</tr></tbody></table>

并让要替换的字符串是，

<tr>

   <td colspan="3" class="footer">New Arrivals!!!</td>

</tr>

<tr>

<td colspan="3" class="footer">&nbsp;</td>

</tr></tbody></table>

伪代码，

var regExp = new RegExp(strMultiLineTextToSearch.trim(), "gm");
var matches = htmlContent.match(regExp);
alert(matches.length);
if(matches.length > 0){
    var newHtml= htmlContent.replace(regExp , strMultiLineTextToSet );
}

使用火狐 22.0

4

3 回答 3

2

此外，这些字符串是使用一些字符串 foo 和 innerHTML 从网页中提取的。

哎呀！不要使用 HTML 操作向表格添加内容。这就像通过让画家向您描述图片，然后根据该描述绘制新图片来为大画添加一个小细节，除非您更改描述中的那个小细节。

不仅速度慢得令人难以置信，而且画家可能不会使用您在第一次告诉他画图时使用的相同词语。如果他说“年轻女人”而不是“女士”，你会感到困惑。你想让那位女士拿着什么东西，但只有一位年轻女士。相反，你应该告诉画家给那位女士一些东西。

这同样适用于这里：您确定在您正在搜索的字符串中使用与表中完全相同数量的空格吗？如果没有，则找不到该字符串。即使有，你怎么能确定浏览器不会重新排列标签中的属性（IE 喜欢按字母顺序对它们进行排序）？在参数后添加空格？一些浏览器扩展可能会添加自己的属性或类...

相反，使用 DOM 操作。那是图片。HTML 是它的描述。

如果您在该行中添加一个 ID，它将很容易从 javascript 中找到。然后创建新元素并将其放在该行之前。

var lastRow = document.getElementById("last-row")
var td = document.createElement("td")
td.className = "footer"
td.colspan = 3
var text = document.createTextNode("New arrivals!!!")
td.appendChild(text)
lastRow.parent.insertBefore(lastRow, td)

如果该表很容易找到，您可以通过该表访问其最后一行：

var table = document.getElementById("my-table")
var lastRow = table.rows[table.rows.length - 1]
...

您似乎正在使用表格来布局您的页面。<table>这不是一个干净的方法（页面在语义上不是表格，有很多不必要的元素；请注意和之间的区别display:table）。添加一个空的间距单元格几乎肯定是错误的。使用 CSSmargin-bottom或代替（除非您正在制作 HTML 电子邮件 - 在这种情况下，无论如何都要使用 CSS，然后使用为此目的而存在的一些免费软件 Web 服务padding-bottom转换为邮件安全表单）。CSS 并不难。不使用它要困难得多。

于 2013-07-06T11:35:45.970 回答
0

我在这里看到的问题是，您使用双引号是不允许的，并且\n在字符串的每一行末尾都没有：

var strMultiLineTextToSearch =
"<tr>

    <td colspan="3" class="footer">&nbsp;</td>

</tr></tbody></table>";

应该

var strMultiLineTextToSearch =
"<tr>

    <td colspan='3' class='footer'>&nbsp;</td>

</tr></tbody></table>";
于 2013-07-06T09:44:12.263 回答
0

您不能让字符串跨越多行。如果你想要一个包含换行符的字符串，你必须使用转义序列：\n。还要注意不要在本身用双引号括起来的字符串中使用双引号 - 你也需要转义这些。

var foo = "I am a string that contains a \" double quote"

或者

var foo = 'I am a string that contains a " double quote'

是合法的

var foo = "I am a string that contains a " double quote"

不是

于 2013-07-06T09:44:45.173 回答