如何捕捉何时加载我的材料图标？

<link rel="stylesheet" href="material-icons.css">

document.addEventListener('DOMContentLoaded', function() {
  // 在这里进行材料图标的相关操作
});

var icons = document.getElementsByClassName('material-icons');
for (var i = 0; i < icons.length; i++) {
  icons[i].style.color = 'red';
}

var icons = document.getElementsByClassName('material-icons');
for (var i = 0; i < icons.length; i++) {
  icons[i].addEventListener('click', function() {
    // 点击图标后的操作
  });
}

var icon = document.createElement('i');
icon.classList.add('material-icons');
icon.innerHTML = 'favorite';
document.body.appendChild(icon);