Question

我试图创建一个按钮，单击该按钮会创建回车符。例如，在我的网页顶部有一些按钮可以在单击时输出单词。单击下一个按钮后，新单词将紧跟在其他单词之后。我需要这个按钮为它上面的输出字创建一个新行。我已经尝试了一些代码：

<input type="button" value="Return"
onclick="document.getElementById('outputDiv').innerHTML=
document.getElementById('outputDiv').innerHTML + \br;">
<div id="outputDiv"></div>

非常感谢任何帮助。

Answer 1

尽量避免使用.innerHTML，而是考虑node.appendChild和document.createElement的 DOM方法

function newline() {
    document.getElementById('outputDiv').appendChild(
        document.createElement('br')
    );
}
// after input exists, select it with your favourite method to attach listener
document.querySelector('input[value="Return"]').addEventListener(
    'click',
    newline
);

以这种方式附加 HTML 不再需要 onclick 属性

<input type="button" value="Return" />
<div id="outputDiv"></div>

DEMO

在JavaScript中创建回车符

1 个答案: