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

Question

是否可以在将元素的内部HTML插入DOM之前更改它？ 我已经尝试用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显示：无，更改您想要的任何内容然后将其恢复显示：阻止