insertAdjacentText是安全高效的纯文本插入方法，不解析HTML、防XSS、不破坏DOM结构；支持beforebegin、afterbegin、beforeend、afterend四位置；比innerHTML+=更安全，避免事件丢失和输入重置。
insertAdjacentText 是一个安全、高效插入纯文本的方法，它不会解析 HTML，因此天然防止 XSS，也不影响现有 DOM 结构。
支持的插入位置及用法
该方法接收两个参数：位置标识符（字符串）和要插入的文本内容（字符串）。位置必须是以下四个值之一：
- 'beforebegin'：插入到目标元素自身之前（同级）
- 'afterbegin'：插入到目标元素内部最前面（作为第一个子节点）
- 'beforeend'：插入到目标元素内部最后面（作为最后一个子节点）
- 'afterend'：插入到目标元素自身之后（同级）
为什么比 innerHTML += 更安全
使用 innerHTML += 拼接会重新解析整个 HTML 字符串，导致：
- 已绑定的事件监听器丢失（如
button.addEventListener） - 表单输入值被重置（如
<input value="user input">会变为空） - 若文本含特殊字符（如
<、&），可能意外被当 HTML 解析
insertAdjacentText 只创建并插入纯文本节点（Text node），不触发 HTML 解析，完全规避上述问题。
Java注释规范Skills
下载
当用户要求为 Java 代码添加注释、修改注释、审查注释、整理注释格式，或要求按照代码注释规范处理 Java 文件时，使用本技能。本技能用于统一生成和维护 Java 类注释模板、按 Git 对比 release 判断版本号、补充每行代码上方中文块注释、调整注释空行规则，并保持 Java 文件 UTF-8 无 BOM 编码。典型触发场景包括：补充类注释、更新 @version、检查 @author 来源、整理行尾注释、把注释放到代码上一行、检查注释是否符合规范、构建前检查 Java 注释风格。
立即学习“Java免费学习笔记（深入）”；
实际使用示例
假设页面中有：<div id="box"><p>原始内容</p></div>
-
document.getElementById('box').insertAdjacentText('beforeend', '追加在段落后面');→ 插入到<div>内部末尾（即<p>后） -
document.querySelector('p').insertAdjacentText('afterbegin', '开头加文字');→ 在<p>标签内最前插入（变成<p>开头加文字原始内容</p>） - 传入含 HTML 字符的字符串（如
'<b>粗体</b> & 特殊符号'）会被原样显示为文本，不会加粗或转义
注意事项
该方法只接受字符串，不接受数字、对象等类型。非字符串会自动调用 .toString()，但建议显式转换以避免意外：
- ✅ 推荐：
el.insertAdjacentText('beforeend', String(value)) - ⚠️ 避免：
el.insertAdjacentText('beforeend', {name: 'test'})（结果是[object Object]） - ❌ 不支持 DocumentFragment 或 DOM 节点 —— 如需插入结构化内容，请用 insertAdjacentElement 或 appendChild
