js实现br
在JavaScript中实现换行（<br>）
在JavaScript中动态创建换行元素（<br>）可以通过多种方式实现，以下是常见方法：
使用document.createElement
通过DOM API创建<br>元素并插入到目标节点中：
const brElement = document.createElement('br');
document.getElementById('target').appendChild(brElement);直接修改HTML内容
通过innerHTML或insertAdjacentHTML直接插入HTML标签：
// 使用innerHTML
document.getElementById('target').innerHTML += '<br>';
// 使用insertAdjacentHTML
document.getElementById('target').insertAdjacentHTML('beforeend', '<br>');在字符串模板中使用
在拼接字符串时直接包含换行标签：
const content = '第一行<br>第二行';
document.getElementById('target').innerHTML = content;文本换行替代方案
若需纯文本换行（非HTML环境），可使用\n配合white-space: pre-lineCSS样式：
const textNode = document.createTextNode("第一行\n第二行");
document.getElementById('target').appendChild(textNode);对应的CSS：
#target {
white-space: pre-line;
}注意事项
- 直接操作
innerHTML会重新解析整个内容，可能影响性能或事件监听。 - 在非HTML环境（如Node.js或某些文本渲染场景），需使用
\n代替<br>。 - 动态生成的
<br>不会影响JavaScript字符串本身的换行，仅影响浏览器渲染结果。
