"如何在 Javascript 中的脚本中注入 html 标签？"

Question

我有一个字符串，我想根据数组值在其中注入 <\/code>标记。

我的html代码：<\/strong>

我需要根据数组的内容在<\/code>内的“Hello”和“to everyone”之间注入 <\/code>标签。如何在不替换标签且不影响第一个“Hello”单词的情况下做到这一点？

预期输出：<\/strong>

Answer 1

您应该通过清除元素的内容来执行此操作，然后使用foreach方法迭代数组，在该方法中添加数组的内容，然后添加换行符（   ）。您可以使用const lineBreak = document.createElement('br');定义换行符const lineBreak = document.createElement('br'); ，然后您可以使用像elem.appendChild(lineBreak)这样的一些DOM操作将其添加到 span 元素

这是完整的代码：

 <head> <title>hello world</title> </head> <body> <p>Hello people. <span id='message' style="WHITE-SPACE: br">Hello to everyone</span></p> <script> function split_words(){ let array = ['Hello', 'to everyone']; const elem = document.getElementById('message'); let result = ''; const lineBreak = document.createElement('br'); elem.innerHTML = ''; array.forEach(word => { elem.innerHTML += word; elem.appendChild(lineBreak) }); } window.onload = split_words(); </script> </body>

Answer 2

您可以在文本中使用\\n<\/code>或<br\/><\/code> 。你的代码看起来像这样

document.write(`Hello people. <span>Hello <br> to everyone</span>`);

"如何在 Javascript 中的脚本中注入 html 标签？"

问题描述

2 个解决方案

解决方案1
2 2021-10-07 16:30:41

解决方案2
0 2021-10-09 11:07:29

"如何在 Javascript 中的脚本中注入 html 标签？"

问题描述

2 个解决方案

解决方案1 2 2021-10-07 16:30:41

解决方案2 0 2021-10-09 11:07:29

解决方案1
2 2021-10-07 16:30:41

解决方案2
0 2021-10-09 11:07:29