Я пытаюсь клонировать теневой корень, чтобы я мог поменять экземпляры <content></content>
на соответствующие распределенные узлы.
Мой подход:
var shadowHost = document.createElement('div');
var shadowRoot = shadowHost.createShadowRoot();
var clonedShadowRoot = shadowRoot.cloneNode(true);
не работает, так как "узлы ShadowRoot не являются клонируемыми."
Мотивация для этого состоит в том, что я хочу получить составленное дерево теней, чтобы я мог использовать визуализированную разметку HTML.
Это может не работать из-за природы Shadow DOM, ссылка на распределенные узлы, вероятно, будет нарушена процессом клонирования.
Составление теневого дерева, вероятно, является встроенной функцией, но, просмотрев спецификацию w3c, я не смог найти такой метод.
Есть ли такой нативный метод? Или, если это не удастся, сработает ли ручной обход (копирование дерева в процессе)?