要获取元素的 src
或者 href
属性,你可以在重写的 appendChild
方法中对传入的 child
元素进行处理。下面是一个示例代码,演示如何获取添加到 DOM 中的元素节点的 src
或者 href
属性:
(function() {
// 保存原始的 appendChild 方法
var originalAppendChild = Element.prototype.appendChild;
// 重写 appendChild 方法
Element.prototype.appendChild = function(child) {
// 在这里添加你的自定义逻辑
console.log('Appending child:', child,"type of child : ",typeof child);
// 获取元素节点的 src 或 href 属性示例
if (child instanceof HTMLScriptElement || child instanceof HTMLLinkElement) {
// 判断如果是 <script> 或 <link> 标签,则输出其 src 或 href 属性值
console.log('Src or Href attribute value:', child.src || child.href);
}
// 调用原始的 appendChild 方法
var result = originalAppendChild.call(this, child);
// 在这里添加更多的自定义逻辑
console.log('Child appended');
// 返回原始 appendChild 方法的结果
return result;
};
})();
上面代码中,在重写的 appendChild
方法中对传入的 child
元素节点进行判断,如果是 <script>
标签或 <link>
标签,则输出它们的 src
或者 href
属性值。你可以根据实际情况调整判断条件和处理逻辑来获取特定标签元素节点属性值。
内容由零声教学AI助手提供,问题来源于学员提问