背景
在如何通过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>
评价
这样就不用每个文档都写标题的前置符号,从而进一步分离写作在内容和形式上的工作。
参考
- GPT3.5-trubo