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">会变为空） - 若文本含特殊字符（如
、<code>&），可能意外被当 HTML 解析
insertAdjacentText 只创建并插入纯文本节点（Text node），不触发 HTML 解析，完全规避上述问题。
实际使用示例
假设页面中有：<div id="box"><p>原始内容</p><div class="aritcle_card flexRow artxards">
<div class="artcardd flexRow">
<a class="aritcle_card_img" rel="nofollow" href="/xiazai/skill9868" title="Java注释规范Skills"><img
src="https://img.php.cn/upload/skill/001/246/273/6adaf20dbae7c507.jpg" alt="Java注释规范Skills" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
<div class="aritcle_card_info flexColumn">
<a rel="nofollow" href="/xiazai/skill9868" title="Java注释规范Skills" class="overflowclass">Java注释规范Skills</a>
<p class="overflowclass">当用户要求为 Java 代码添加注释、修改注释、审查注释、整理注释格式，或要求按照代码注释规范处理 Java 文件时，使用本技能。本技能用于统一生成和维护 Java 类注释模板、按 Git 对比 release 判断版本号、补充每行代码上方中文块注释、调整注释空行规则，并保持 Java 文件 UTF-8 无 BOM 编码。典型触发场景包括：补充类注释、更新 @version、检查 @author 来源、整理行尾注释、把注释放到代码上一行、检查注释是否符合规范、构建前检查 Java 注释风格。</p>
</div>
<a rel="nofollow" href="/xiazai/skill9868" title="Java注释规范Skills" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span>
</a>
</div>
</div></div>
-
document.getElementById('box').insertAdjacentText('beforeend', '追加在段落后面');→ 插入到<div> 内部末尾（即 <code><p></p>后） -
document.querySelector('p').insertAdjacentText('afterbegin', '开头加文字');→ 在<p></p>标签内最前插入（变成<p>开头加文字原始内容</p>） - 传入含 HTML 字符的字符串（如
'<b>粗体</b> & 特殊符号'）会被原样显示为文本，不会加粗或转义 - ✅ 推荐：
el.insertAdjacentText('beforeend', String(value)) - ⚠️ 避免：
el.insertAdjacentText('beforeend', {name: 'test'})（结果是[object Object]） - ❌ 不支持 DocumentFragment 或 DOM 节点 —— 如需插入结构化内容，请用 insertAdjacentElement 或 appendChild
注意事项
该方法只接受字符串，不接受数字、对象等类型。非字符串会自动调用 .toString()，但建议显式转换以避免意外：
