应使用 insertadjacenthtml('afterbegin') 在列表头部插入新消息,它将 html 字符串作为第一个子节点插入目标容器内部,不破坏现有结构、事件监听器和表单状态,且需确保目标元素已挂载到 dom 中。

在列表头部插入新消息,用 insertAdjacentHTML 最直接的方式是选 afterbegin —— 它把内容插进目标元素内部、作为第一个子节点,正好实现“头部追加”,且不干扰已有结构和状态。
明确目标元素必须是已挂载的列表容器
比如一个 <ul id="msg-list"></ul> 或 <div class="chat-history">。必须确保它已在 DOM 中,否则调用会静默失败。常见写法:
<ul><li>把脚本放在 <code>











