javascript动态添加列表项应使用createelement+appendchild而非innerhtml,以避免清空事件监听和xss风险;需确保dom加载完成、id正确,并通过事件委托实现安全删除功能。

点击按钮后用 JavaScript 操作 DOM 添加列表项
直接改 innerHTML 最快,但容易清空已有事件监听或表单输入;更稳妥的做法是用 document.createElement + appendChild。前提是你的列表容器有明确的 ID,比如 <ul id="item-list"></ul>。
常见错误:按钮没绑定事件、ID 写错、JS 在 HTML 加载前执行(导致找不到元素)。确保 <script></script> 放在
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











