📚🎓💡❓📜 如何利用JS设置“背景-问题-方案-评价-参考”的前置符号？

📜背景

在如何通过javascript自动增加markdown h1的文本内容？中已经有了插入文本的脚本。但是我希望“背景”“问题”这些标题显示不同的前置符号来适应不同的内容主题。

❓问题

怎么分别设置h1在不同文本内容情形下的前置符号？

💡方案

在原有的基础上稍加修改，增加一些if语句即可。

<script>
document.addEventListener("DOMContentLoaded", function() {
  var h1Tags = document.querySelectorAll('h1');
  var h2Tags = document.querySelectorAll('h2');
  var h3Tags = document.querySelectorAll('h3');
  h1Tags.forEach(function(tag) {

       if (tag.textContent.includes("背景")) {
      tag.textContent = tag.textContent.slice(0,0) + "" + tag.textContent.slice(0);
    }
       if (tag.textContent.includes("问题")) {
      tag.textContent = tag.textContent.slice(0,0) + "❓" + tag.textContent.slice(0);
    }
       if (tag.textContent.includes("方案")) {
      tag.textContent = tag.textContent.slice(0,0) + "" + tag.textContent.slice(0);
    }
       if (tag.textContent.includes("评价")) {
      tag.textContent = tag.textContent.slice(0,0) + "" + tag.textContent.slice(0);
    }
        if (tag.textContent.includes("参考")) {
      tag.textContent = tag.textContent.slice(0,0) + "" + tag.textContent.slice(0);
    }
  });
    h2Tags.forEach(function(tag) {
      tag.textContent = tag.textContent.slice(0,0) + "" + tag.textContent.slice(0);  
  });
    h3Tags.forEach(function(tag) {
      tag.textContent = tag.textContent.slice(0,0) + "" + tag.textContent.slice(0);  
  });
});
</script>