javascript - 获取innerHTML包含额外的标签，这正常吗？

Question

当我创建一个新元素并开始输入(将 contentEditable 设置为 true)，然后查看它的innerHTML，它总是包含一个额外的 <br>在最后。如果我在输入之前查看innerHTML，我会得到正确的值。这是正常的吗？我的问题是我正在使用 <br> 计算行数标签，我不能让它给我超出我需要的东西。这是一些测试代码(javascript):

var _this = this;
function keyup(event)
{
    if (event.keyCode == 112)
    {
        alert(_this.code.innerHTML);
    }
}
function create()
{
    this.code = document.createElement("div")
    this.code.innerHTML = "Hello world.<br>I like testing popcorn.<br>Testing again.";
    this.code.contentEditable = "true";
    this.code.onkeyup = keyup;
    document.body.appendChild(this.code);
    _this = this;
}
window.onload = function()
{
    create();
}

代码已设置为当您按 F1 时，它会显示 div 的内容。我正在使用最新版本的 Firefox。

Answer 1

首先，该标签应该是 <br />不是<br> ，其次 div 是 block 元素，虽然您不应该看到 <br>标签，创建 div 后您将看到一个新行。

如果在创建该 div 元素后输出该 div 元素的innerHTML 值，则输出是什么？