js实现br

使用 document.createElement 创建 <br> 元素

通过 document.createElement('br') 创建一个 <br> 元素，再将其插入到 DOM 中。

const brElement = document.createElement('br');
document.body.appendChild(brElement); // 插入到页面末尾

使用 innerHTML 或 insertAdjacentHTML 插入换行符

直接通过字符串拼接或 HTML 片段插入 <br> 标签。

// 使用 innerHTML
document.getElementById('container').innerHTML += '<br>';

// 使用 insertAdjacentHTML
document.getElementById('container').insertAdjacentHTML('beforeend', '<br>');

在文本节点中插入换行符（适用于文本内容）

通过 \n 实现换行效果，但需结合 CSS 的 white-space: pre 或 pre-line 生效。

const textNode = document.createTextNode('第一行\n第二行');
document.body.appendChild(textNode);

对应的 CSS：

body { white-space: pre-line; }

动态生成多行文本并换行

结合模板字符串和 \n 或 <br> 实现多行文本。

const multiLineText = '第一行<br>第二行';
document.getElementById('output').innerHTML = multiLineText;

注意事项

• 直接使用 \n 时需确保 CSS 设置 white-space 属性，否则换行符会被忽略。
• 插入 HTML 片段（如 <br>）时需注意防范 XSS 攻击，避免拼接未转义的用户输入。