我试着在我的网页,以追踪在图像MutationObserver
变化添加src
,但不起作用。
下面是使用的代码:
setTimeout(function() {
document.getElementById("img").src = "http://i.stack.imgur.com/aQsv7.jpg"
}, 2000);
var target = document.querySelector('#img');
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(mutation) {
console.log(mutation.type);
});
});
var config = {
attributes: true,
childList: false,
characterData: false
};
observer.observe(target, config);
observer.disconnect();
<img src="http://i.stack.imgur.com/k7HT5.jpg" id="img" class="pic" height="100">
如果调用disconnect
方法,您将不会收到通知了:
disconnect()
从接收DOM突变的通知停止MutationObserver实例。直到观察()方法被再次使用,观察者的回调将不会被调用。
setTimeout(function() {
document.getElementById("img").src = "http://i.stack.imgur.com/aQsv7.jpg"
}, 2000);
setTimeout(function() {
document.getElementById("img").src = "http://i.imgur.com/Xw6htaT.jpg"
}, 4000);
var target = document.querySelector('#img');
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(mutation) {
console.log(mutation.type);
});
});
var config = {
attributes: true,
childList: true,
characterData: true
};
observer.observe(target, config);
// otherwise
observer.disconnect();
observer.observe(target, config);
<img src="http://i.stack.imgur.com/k7HT5.jpg" id="img" class="pic" height="100">