如何使用JS或其他方案将包含多层子div的PHP变量输出到指定ID元素

报错是因为PHP输出的$var_with_multi_div包含换行、引号等特殊字符，直接拼接进JS字符串会截断字符串结构，触发语法错误。

• 首先在PHP侧将变量转换为JSON格式，json_encode会自动转义所有JS字符串中的特殊字符，搭配JSON_HEX_TAG参数可将HTML标签的尖括号转义为十六进制格式，避免提前解析和XSS风险。
  代码示例：

<script>
// 直接输出JSON，不需要加额外引号，json_encode会自动生成合法的JS字符串
const appendContent = <?php echo json_encode($var_with_multi_div, JSON_HEX_TAG); ?>;
// jQuery写法
$("#id").append(appendContent);
// 原生JS写法，不需要jQuery也可实现
// document.getElementById('id').insertAdjacentHTML('beforeend', appendContent);
</script>

直接在服务端渲染HTML时，把PHP变量输出到指定元素的对应位置即可，不需要客户端JS参与，从根源避免语法问题：

<div id="id">
    <!-- 元素原有内容写在这里 -->
    <?php echo $var_with_multi_div; ?>
</div>

如果需要保留原有元素内容，只要把PHP输出代码放在原有内容的末尾，就能实现等价于append的追加效果。

• 如果$var_with_multi_div包含用户提交的不可信内容，需要提前做XSS过滤：如果不需要保留变量内的HTML标签，可使用htmlspecialchars()处理变量；如果需要保留HTML标签，需使用专业的HTML过滤库清理恶意代码。

内容的提问来源于stack exchange，提问作者Manish Shah