如何使用JavaScript中的MutationObserver检测DOM中添加的<li>标记，并在IFRAME中获取数据文件名？

let observer = new MutationObserver(callback);

function callback(mutationList, observer) {
  // 在这里处理DOM变化
}

let targetNode = document.querySelector('ul'); // 监测<ul>元素中的变化
let config = { childList: true }; // 监测子节点的变化
observer.observe(targetNode, config);

function callback(mutationList, observer) {
  mutationList.forEach(mutation => {
    if (mutation.type === 'childList') {
      mutation.addedNodes.forEach(node => {
        if (node.nodeName === 'LI') {
          // 在这里执行<li>标记添加后的操作
          let iframe = document.querySelector('iframe');
          let fileName = iframe.getAttribute('data-file-name');
          console.log(fileName);
        }
      });
    }
  });
}