用js代码写一个函数可以监测video标签出现后再执行内容
时间: 2024-02-06 15:10:42 浏览: 31
你可以使用 `MutationObserver` 对 `video` 标签进行监测,在 `video` 标签出现后执行相应的操作。
以下是一个使用 `MutationObserver` 的示例代码:
```javascript
// 监测 video 标签出现的函数
function watchVideo() {
// 创建一个 MutationObserver 实例
const observer = new MutationObserver((mutations) => {
mutations.forEach((mutation) => {
mutation.addedNodes.forEach((node) => {
// 判断新增的节点是否为 video 标签
if (node.tagName === 'VIDEO') {
// 执行相应的操作
console.log('video 标签出现了');
// 停止监测
observer.disconnect();
}
});
});
});
// 监测 body 中的子节点变化
observer.observe(document.body, {
childList: true,
subtree: true,
});
}
// 调用 watchVideo 函数进行监测
watchVideo();
```
这个函数会一直监测 `body` 中的子节点变化,直到发现一个 `video` 标签被添加进来,然后执行相应的操作并停止监测。