"如何在 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