DiDOM如何解除父节点包裹并提升子节点？

问题根源 #

你遇到的节点无父节点异常，本质是正序处理div时，外层div被移除后，内层div的DOM结构被提前修改，导致后续处理部分节点时父节点丢失。因为你一次性获取了所有div节点集合，正序处理外层div会改变内层div的父节点关联，甚至部分节点会被间接从DOM中脱离。

优化方案 #

1. 倒序处理节点

从最内层的div开始处理，再依次处理外层div。这样处理内层div时，它的父节点（外层div）始终存在，不会出现parent()为null的情况。

2. 利用DiDOM内置方法简化代码

DiDOM的Element::replaceWith()方法可以直接将当前节点替换为指定的子节点，自动完成子节点移动和当前节点删除的操作，无需手动遍历插入，代码更简洁且不易出错。

完整代码示例 #

调用代码

$divTags = $doc->find('div');
// 倒序遍历，优先处理最内层div
foreach (array_reverse($divTags) as $divTag) {
    removeElementKeepingChildren($divTag);
}

核心函数

function removeElementKeepingChildren(\DiDom\Element $tag): void {
    $parent = $tag->parent();
    if (!$parent) {
        return;
    }

    // 用子节点直接替换当前div节点，自动完成移动+删除
    $tag->replaceWith(...$tag->children());
}

补充说明 #

如果不想使用replaceWith，也可以手动插入子节点，但需要倒序遍历子节点，否则插入后子节点顺序会反转：

function removeElementKeepingChildren(\DiDom\Element $tag): void {
    $parent = $tag->parent();
    if (!$parent) {
        return;
    }

    // 倒序插入子节点，保证原顺序不变
    foreach (array_reverse($tag->children()) as $child) {
        $parent->insertBefore($child, $tag);
    }

    $tag->remove();
}

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