האזנה להיווצרות אלמנט בJavascript

[liy770]

איך אני עושה מאזין שיעקוב וברגע שנוצר אלמנט חדש בHTML עם הקלאס composer שידפיס בקונוסול new element?

[katz]

@liy770
מי יוצר את האלמנט?
הרי האלמנט נוצר ע"י פונקציה (להערכתי), אז הפונקציה שאחראית על יצירת האלמנט יכולה גם להדפיס?!

[liy770]

@katz כתב בהאזנה להיווצרות אלמנט בJavascript:

@liy770
מי יוצר את האלמנט?
הרי האלמנט נוצר ע"י פונקציה (להערכתי), אז הפונקציה שאחראית על יצירת האלמנט יכולה גם להדפיס?!

נכון, אבל הקוד המקורי מוכן ולא אני כתבתי אותו, אני רוצה להתלבש עליו מבחוץ דרך הקונסול..

נ.ב. אפשר גם jQuery

[katz]

@liy770
כאן יש דיון ע"ז, הציעו שם כמה רעיונות, גם ב- jQuery .

[יוסף בן שמעון]

https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver
זו הדרך המודרנית

[dovid]

@יוסף-בן-שמעון כתב בהאזנה להיווצרות אלמנט בJavascript:

https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver
זו הדרך המודרנית

הנה דוגמה שכתבתי בעבר:
https://tchumim.com/post/75807,
במקרה שלנו:

const config = { attributes: false, childList: true, subtree: true };
 
const observer = new MutationObserver(
    function(mutationsList) {
        for(let mutation of mutationsList)
            for(let el of mutation.addedNodes)
                if(el.classList.contains("composer")){
                    console.log(el);
                }
    }
);
 
observer.observe(document, config);