如何将HTML标记添加到字符串中的特定位置?

时间:2018-02-18 16:52:55

标签: javascript

所以给我一个句子,在句子的中间会有&#34; _&#34;。在&#34; _&#34;我想用<span class="smallBox"></span>替换它,以便我可以在那时插入一个框。

var string = "This is a string_right here";
var here = string.replace("_","<span class="smallBox"></span>");

alert(here);

然而,提醒的是:This is a string<span class="smallBox"></span>right here;

有人可以帮忙吗?

2 个答案:

答案 0 :(得分:1)

不,没有办法使用alert()来解释HTML标记,因为它是窗口对象的一种方法。您可以使用类似JQueryUI Dialog的内容来模拟警告框,但如果确实需要实际的警告框,那么您唯一可以做的就是关闭到您想要的行为是打印出unicode字符,换行符和制表符。例如:

&#13;
&#13;
// Warning: Unicode madness ahead
alert(
  'Alert with newlines, tabs, and bullet points\n' +
  '■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■\n' +
  "\t■ Meaningless Point #1\n" +
  '\t■ Meaningless Point #2\n' +
  '\t■ Meaningless Point #3\n' +
  '■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■\n'
);
&#13;
&#13;
&#13;

警报框实际上并不意味着要做很多事情,这可能是你所能想到的最好的。

答案 1 :(得分:-1)

首先,转义smallBox周围的引号:

this

然后输出将是:这是一个字符串&lt; span class =&#34; smallBox&#34;&gt;&lt; / span&gt;就在这里 因为使用alert会将HTML打印为String。