Javascript materialize css中我的保存图标上的DOM操作结果为null

我想在单击按钮时将图标更改为“删除”。因此，我创建了一个icon变量，并选择id“save”（我要更改的内容的id）

所以这部分代码

teamElement.innerHTML = `
    <div class="team__header">
      <img src="${team.crestUrl.replace(/^http:\/\//i, 'https://')}" alt="Team logo">
      <div class="team__header--info">
        <h2>${team.name}</h2>
        <p class="flow-text">
          ${team.name} pertama kali di temukan pada tahun ${team.founded === null ? 'yang tidak diketahui' : team.founded}, alamat ${team.name} ada di ${team.addredd}. tim ini menggunakan warna ${team.clubColors}
        </p>
      </div>
      <div class="fixed-action-btn">
        <a class="btn-floating btn-large pink accent-3 waves-effect" id="save" href="${team.id}">
          <i class="large material-icons id="save">save</i>
        </a>
      </div>
    </div>

    ${player}
  `;

  $('.collapsible').collapsible();
  const ikon = $('#save');
  async function checkId() {
        if (await isFav(parseInt(window.location.hash.substr(9)))) {
      ikon.innerHTML = 'delete';
        }
  }
  
  checkId();

  $('#save').on('click', async (e) => {
        e.preventDefault();
        // mendapatkan id team dari nilai href
        const teamId = parseInt(e.currentTarget.getAttribute('href'));

        if (await isFav(teamId)) {
            deleteTeamFav(teamId);
      M.toast({ html: `${team.name}  Dihapus Dari Tim Favorit` });
      ikon.innerHTML = 'save';
      console.log(ikon);
        } else {
            M.toast({ html: `${team.name}  Ditambahkan Ke Tim Favorit` });
      addTeamFav(team);
      ikon.innerHTML = 'delete';
      console.log(ikon);
        }
  });

我可以从你那里拿到身份证

<i class="large material-icons id="save">save</i>

结果是null

当我在浏览器的元素选项卡中手动更改innerHTML时，它会更改为我想要的图标

你能帮我解决这个问题吗

<i class="large material-icons id="save">save</i>

async function checkId() {
        if (await isFav(parseInt(window.location.hash.substr(9)))) {
      ikon.innerHTML = 'delete';
        }
  }

  checkId();

  $('#save').on('click', async (e) => {
        e.preventDefault();
        // mendapatkan id team dari nilai href
        const teamId = parseInt(e.currentTarget.getAttribute('href'));

        if (await isFav(teamId)) {
            deleteTeamFav(teamId);
      M.toast({ html: `${team.name}  Dihapus Dari Tim Favorit` });
      ikon.innerHTML = 'save';
      console.log(ikon);
        } else {
            M.toast({ html: `${team.name}  Ditambahkan Ke Tim Favorit` });
      addTeamFav(team);
      ikon.innerHTML = 'delete';
      console.log(ikon);
        }