本文介绍一种javascript技巧，用于动态修改dom结构：在不确定目标元素父级的情况下，为特定h1标签添加一个新的div父元素。 这在处理复杂html结构时非常实用。
问题：如何用JavaScript为一个已知h1标签（例如，id为"demo-2"）添加一个div作为其父元素，而无需知道其原始父元素？
解决方案：利用replaceChild方法。 我们先创建一个新的div元素，然后找到目标h1元素。 关键在于，我们先获取h1元素的父元素，再用replaceChild方法将h1元素替换为新创建的div，最后将h1元素添加到这个新的div中。
代码示例：
const newDiv = document.createElement('div');
const h1Element = document.querySelector('#demo-2'); // 选择目标h1元素
const parentElement = h1Element.parentElement; // 获取h1元素的父元素
parentElement.replaceChild(newDiv, h1Element); // 用新div替换h1元素
newDiv.appendChild(h1Element); // 将h1元素添加到新div中
这段代码高效地解决了问题。 replaceChild方法巧妙地处理了复杂的嵌套结构，无需了解目标元素的父级结构。 请确保你的HTML中存在id为"demo-2"的h1元素。 要应用于其他元素，只需更改document.querySelector中的选择器即可。
立即学习“Java免费学习笔记（深入）”；
