target

The target JS MutationRecord returns the node the mutation affected, depending on the type. For "attributes", it is the element whose attribute changed. For "characterData", it is the CharacterData node. For "childList", it is the node whose children changed.

Syntax

record.target

Examples

<!doctype html>
<html>
<body>
    <button>button</button>
    <p>mutations are logged in the console (F12)</p>
    <div></div>
    <script>
        function callback(mutationRecords, mutationObserver)
        {
            for(let mutationRecord of mutationRecords)
            {
                console.log(mutationRecord.target);
            }
        }
        const target = document.querySelector("div");
        const options =
        {
            attributes: true,
            characterData: true,
            childList: true,
            subtree: true,
        };
        const observer = new MutationObserver(callback);
        observer.observe(target, options);

function myfunction()
        {
            const r = Math.floor(Math.random() * 255);
            const g = Math.floor(Math.random() * 255);
            const b = Math.floor(Math.random() * 255);
            target.style.color = "rgb(" + r + "," + g + "," + b + ")";
            target.textContent = target.style.color;
            target.firstChild.data = target.style.color;
        }
        document.querySelector("button").addEventListener("mouseover", myfunction);
    </script>
</body>
</html>

Syntax

Examples

Links

MutationRecord

External