ZBLOG

如何拿到这个元素的src或者href属性

要获取元素的 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助手提供,问题来源于学员提问

本站部分文章来源于网络,版权归原作者所有,如有侵权请联系站长删除。
转载请注明出处:https://golang.0voice.com/?id=18562

分享:
扫描分享到社交APP
上一篇
下一篇
发表列表
游客 游客
此处应有掌声~
评论列表

还没有评论,快来说点什么吧~

联系我们

在线咨询: 点击这里给我发消息

微信号:3007537140

上班时间: 10:30-22:30

关注我们
x

注册

已经有帐号?