在鏈接中監聽屬性更改？

Question

我正在使用s3庫，它直接從瀏覽器上傳內容並返回鏈接標記內的內容。現在我想將鏈接中的網址顯示爲圖片。當前的代碼到目前爲止，我已經工作

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和沒有外部依賴？

Answer 1

您需要一個變異觀察者才能觀察DOM節點上的屬性變化。請參閱https://stackoverflow.com/a/41425087/459966