如何访问特定的动态创建的元素？

// 创建一个新的div元素
var newDiv = document.createElement('div');
newDiv.id = 'myNewDiv';
newDiv.innerHTML = '这是一个动态创建的div';

// 将新创建的div添加到body中
document.body.appendChild(newDiv);

// 访问并操作这个新创建的元素
var element = document.getElementById('myNewDiv');
element.style.color = 'red';

// 假设你有一个父容器
var container = document.getElementById('container');

// 绑定事件处理程序到父容器
container.addEventListener('click', function(event) {
    if (event.target && event.target.nodeName == "DIV") {
        // 这里的event.target就是动态创建的div元素
        console.log('动态创建的div被点击了', event.target);
    }
});

// 动态创建并添加div元素
var newDiv = document.createElement('div');
newDiv.innerHTML = '点击我';
container.appendChild(newDiv);

// 创建一个MutationObserver实例
var observer = new MutationObserver(function(mutations) {
    mutations.forEach(function(mutation) {
        if (mutation.type === 'childList') {
            mutation.addedNodes.forEach(function(node) {
                if (node.nodeType === Node.ELEMENT_NODE && node.tagName === 'DIV') {
                    // 这里可以访问到动态创建的div元素
                    console.log('检测到新的div元素', node);
                }
            });
        }
    });
});

// 配置并启动观察器
var config = { childList: true, subtree: true };
observer.observe(document.body, config);

// 动态创建并添加div元素
var newDiv = document.createElement('div');
newDiv.innerHTML = '这是一个动态创建的div';
document.body.appendChild(newDiv);