如何使用javascript在html元素中创建新行

Question

我想在"p〃；要素我也尝试过br标记和\n标记，但都不起作用。当我运行代码时，新行显示为两行之间的空格。

<p id="log"></p>

let log = document.getElementById("log");
let string = `|line1n|line2`;
let array1 = string.split("|");
let i = 0;
let x = 0;
log.addEventListener("click", () => {
document.addEventListener("keypress", type);
})
function type() {
log.textContent += array1[i].charAt(x);
x++;
if (x === array1[i].length) {
x = 0;
i++;
}
if (array1[i] === undefined) {
document.removeEventListener("keypress", type);
}
}

Answer 1

因为您试图在加载HTML之前获取元素，所以代码中的日志变量是null。

请尝试此代码。

<p id="log>hello</p>

window.onload = function init() {
const log = document.getElementById("log");
log.innerText = "n first n second";
};