监听链接中的属性变化？ [复制]答案

【问题标题】：Listen for attribute change in link? [duplicate]监听链接中的属性变化？ [复制]
【发布时间】：2017-09-16 17:35:40
【问题描述】：

我正在使用 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 属性更改并相应地更新图像。这怎么可能全部使用 vanilla js 而没有外部依赖？

【问题讨论】：

我的错..让我更新代码:)
问题并非如此。我在复制代码时偶然更改了案例。上传事件正在触发。
@ibrahimmahrir 那里。对此感到抱歉:)
change 事件不会因href 属性的更改而触发。
元素如何更改其href？谁改的？

标签： javascript html

【解决方案1】：

您需要一个突变观察者来观察 DOM 节点上的属性变化。见https://stackoverflow.com/a/41425087/459966

【讨论】：

你应该像骗子一样关闭。这不是答案。
我没有足够的代表点数。不过随意。