在元素插入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