是否监听链接中的属性更改？

Question

我使用的是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);
});

where icon my img tag，触发点击upload按钮。我面临的问题是icon_link，它是一个link tag。我想要的是侦听href属性的变化并相应地更新图像。怎么可能只使用普通的js而没有外部依赖呢？

Answer 1

您需要一个突变观察者来监视DOM节点上的属性更改。请参阅https://stackoverflow.com/a/41425087/459966