javascript - 听链接中的属性更改？

This question already has an answer here:

JavaScript: Listen for attribute change?
                            
                                （1个答案）
                            
                    
                2年前关闭。
        

    

我正在使用s3库，该库直接从浏览器上载内容，并在链接标记内返回内容。现在我想显示链接中的URL作为图像。到目前为止，我目前可以使用的当前代码

var icon = document.getElementById("selectLogo");

icon.addEventListener("click",(evt)=> {
    evt.preventDefault();
    var element = document.getElementsByClassName("file-input")[0];
    element.click();
});

var icon_link = document.getElementsByClassName("file-link")[0];

icon_link.addEventListener("onchange",(evt)=> {
    evt.preventDefault();
    console.log(icon_link);
});

其中icon我的img标记触发点击upload按钮。我面临的问题是icon_link这是一个link tag。我想要的是监听href属性更改并相应地更新图像。使用香草js并且没有外部依赖项，怎么可能呢？

最佳答案

您需要一个变体观察器来监视DOM节点上的属性更改。见https://stackoverflow.com/a/41425087/459966