要在 appendChild 方法中获取当前节点及其所有子节点的 src 和 href 属性，并且提供修改这些属性的机会，你可以如下实现：
- 遍历节点：使用递归来访问所有子节点。
- 记录并修改属性：在遍历过程中，检查每个元素的
src和href属性，可以根据需要进行修改。
下面是实现示例：
// 保存原始的 appendChild 方法
const originalBodyAppendChild = HTMLBodyElement.prototype.appendChild;
// 用于提取和修改 src 和 href 的递归函数
function processSrcAndHref(node) {
// 检查当前节点是否为元素节点
if (node.nodeType === Node.ELEMENT_NODE) {
const src = node.getAttribute('src');
const href = node.getAttribute('href');
// 如果存在 src 或 href，则输出并进行修改
if (src) {
console.log(`Found src attribute: ${src}`);
// 这里可以进行对 src 的修改，例如：
node.setAttribute('src', 'new-src-value'); // 修改为新的值
}
if (href) {
console.log(`Found href attribute: ${href}`);
// 这里可以进行对 href 的修改，例如：
node.setAttribute('href', 'new-href-value'); // 修改为新的值
}
}
// 遍历子节点并递归调用
for (let i = 0; i < node.childNodes.length; i++) {
processSrcAndHref(node.childNodes[i]);
}
}
HTMLBodyElement.prototype.appendChild = function (node) {
console.log('A node is being appended to the body:', node);
// 提取和处理当前节点及所有子节点中的 src 和 href 属性
processSrcAndHref(node);
// 调用原始的 appendChild 方法以执行实际操作
return originalBodyAppendChild.call(this, node);
};
代码解释：
- 保存原始方法：我们首先保存原始的
appendChild方法，以便后续能够调用。 - 创建处理函数：定义了一个名为
processSrcAndHref的函数，用于提取、输出和修改给定节点及其所有子节点中的src和href属性。- 它检查每个元素，如果找到了
src或href属性，就打印出它们，并允许你通过设置新值来更改这些属性。
- 它检查每个元素，如果找到了
- 递归遍历：该函数会继续递归地访问每个子节点，确保所有嵌套层级都被检查到。
- 重写 appendChild 方法：在自定义的
appendChild方法中，调用处理函数来检查并可能地更改属性，然后继续正常地添加该节点。
这样，无论你将什么类型的元素（包括带有其他嵌套子元素）添加到 <body> 中，都能够正确提取出其中包含的所有 src 和 href 属性，并有机会对它们进行修改。
内容由零声教学AI助手提供，问题来源于学员提问
![// 调用 zipImage 方法时
const zipBase64 = this.zipImage(images);
zipBase64返回的是Promise数据集，数据集中包含Base64数据，数据集格式如下：
imgStr1qwe Promise {<pending>}__proto__: Promise[[PromiseState]]:](https://linuxcpp.0voice.com/zb_users/upload/2023/05/202305162238408381987.png)
