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