javascript - 在插入 DOM 之前更改元素的 HTML

Question

是否可以在将元素插入 DOM 之前更改元素的内部 HTML？我已经尝试使用MutationObserver执行此操作，但问题是您可以看到元素的 HTML 在视觉上发生变化，有没有办法在完全插入 DOM 之前执行此操作？

var observer = new MutationObserver(function(mutations) {

    mutations.forEach(function(mutation) {
        mutation.addedNodes[0].innerHTML = "....";
    });    
});

// Notify me of everything!
var observerConfig = {
    attributes: true, 
    childList: true, 
    characterData: true 
};

var targetNode = document.querySelector("ul#myElement");
observer.observe(targetNode, observerConfig);

Answer 1

您可以尝试将整个主体设置为 CSS display:none，更改您想要的任何内容，然后将其带回 display:block