使用 .join() 从表单创建 OL

Question

我正在尝试使用 .join() 输出包含 OL 的消息。下面的代码返回了正确的消息，但我想知道是否需要在某处添加结束 OL 标记。开发人员工具将输出显示为封闭的 OL。

注意 - 必须使用 join 函数，请不要使用循环等。

if (task.value){

    tasks.push(task.value);

    message = '<h2>To-Do</h2><ol><li>';

    message += tasks.join('</li><li>');

    output.innerHTML = message;

    task.value = '';

}

Answer 1

是的，您需要ol在某处关闭标签。尽管大多数浏览器尝试猜测并修复丢失的标签，但有时却做不到。您可以在连接行之后连接结束标记：&nbsp;&nbsp;&nbsp;&nbsp;message&nbsp;=&nbsp;'<h2>To-Do</h2><ol><li>'; &nbsp;&nbsp;&nbsp;&nbsp;message&nbsp;+=&nbsp;tasks.join('</li><li>'); &nbsp;&nbsp;&nbsp;&nbsp;message&nbsp;+=&nbsp;'</li></ol>'; &nbsp;&nbsp;&nbsp;&nbsp;output.innerHTML&nbsp;=&nbsp;message;