示例：

Question

如何在javascript中添加全局侦听器，以便我看到创建了哪个html元素（如div，span等等），并且可以根据需要修饰它们？

在我的情况下，我想将一个类属性添加到html＆＃34;输入＆＃34;元素，如果满足某些条件。

它是一个互动网站，所以元素是动态创建的，所以当作为输入元素加载的页面尚未创建时，我无法做到。

Answer 1

MutationObserver为开发人员提供了一种对a中的变化作出反应的方法 DOM。它被设计为替代在中定义的突变事件 DOM3事件规范。 .. for more details

示例：

// select the target node
var target = document.getElementById('some-id');

// create an observer instance
var observer = new MutationObserver((mutations) => {
  mutations.forEach((mutation) => {
    console.log(mutation.type);
  });    
});

// configuration of the observer:
var config = { attributes: true, childList: true, characterData: true };

// pass in the target node, as well as the observer options
observer.observe(target, config);

// later, you can stop observing
observer.disconnect();

Javascript global＆＃34;创建元素＆＃34;倾听者

1 个答案:

示例：