Question

我正在尝试使用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 );
}

使用Firefox 22.0

Answer 1

另外，字符串是使用一些字符串foo和innerHTML在网页上引用的。

EEEK！不要使用HTML操作将内容添加到表中。这就像是通过让画家向你描述图片来为一幅大画添加一个小细节，然后根据该描述绘制一幅新图片，除了你在描述中改变那些小细节。

不仅仅是速度非常慢，但画家很可能不会使用你在第一次画画时使用的相同词语。如果他说“年轻女人”而不是“女士”，你会感到困惑。你想要那位女士拿东西，但只有一位年轻女士。相反，你应该告诉画家给这位女士一些东西。

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

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

如果您向该行添加ID，则可以通过javascript轻松找到该ID。然后创建新元素并将其放在该行之前。

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之间的区别。添加空间距单元几乎肯定是错误的。请改用CSS margin-bottom或padding-bottom（除非您正在制作HTML电子邮件 - 在这种情况下，请使用CSS，然后使用some freeware web service转换为邮件安全表单目的）。 CSS并不难。不使用它要困难得多。

Answer 2

我在这里看到的问题是，您使用双引号时不允许使用双引号，并且在字符串的每一行末尾都缺少\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>";

Answer 3

你不能让字符串跨越多行。如果你想要一个包含换行符的字符串，你必须使用转义序列：\ 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"

不是

使用多行字符串替换Javascript多行字符串

3 个答案: