<span class="showOptions btn btn-default" style="display: inline-block; position: relative; z-index: 100; margin-right: 5px;"> <img style="height:16px;" border="0" src="/snsp/base/static/images/image/image.gif"> </span> 监听img标签的src值是否发生改变,如果改变输出“123123123”
时间: 2024-03-26 19:41:34 浏览: 49
df-btn::speech_balloon:Dialogflow操作浮动聊天
可以使用 MutationObserver 监听 img 标签的 src 属性变化,代码如下:
```javascript
const targetNode = document.querySelector('img'); // 监听的目标节点
const config = { attributes: true, attributeFilter: ['src'] }; // 监听 src 属性变化
const callback = function(mutationsList) {
for (let mutation of mutationsList) {
if (mutation.type === 'attributes' && mutation.attributeName === 'src') {
console.log('123123123');
}
}
};
const observer = new MutationObserver(callback);
observer.observe(targetNode, config);
```
当 img 标签的 src 属性发生变化时,会输出 "123123123"。
阅读全文