anki词性彩色高亮JS帮助函数

用js构建出下面语句

<a class="gaoliang" style="background-color:rgb(0,0,0)">学习吧</a>

<!-- 

词性彩色高亮JS帮助函数

效果：词性彩色高亮。在指定的区块中，若有英语词性符号，则高亮成预定义的彩色背景

用法：将下列函数querySelectorAll('#back')中的back，换成含有英语词性的区块ID

举例：比如正面字段所在区块<div id="front">包含了形如Test - 'n.测试'这样的英语单词解释，需要高亮词性n. 那么只要把下列函数中相应地方改为querySelectorAll('#front')就可以了

-->

<script type="text/javascript">

//////单个汉字的//////

var colorMap = {

    '借':'#e3412f',

    '贷':'#7F02FF',

  };

  [].forEach.call(document.querySelectorAll('#back'), function(div) {

  div.innerHTML = div.innerHTML

  .replace(/[\u4e00-\u9fa5]/g, function(symbol) {

    if(colorMap[symbol]) {

      return '<a style="background-color:' 

             + colorMap[symbol] 

             + ';" class="gaoliang">'

             + symbol

             + '</a>';

    }else{

      return symbol;

    }

  });

 });

---

css

/*彩色词性高亮样式1*/

.gaoliang{

  border-radius : 3px;    /*圆角幅度-4px*/

  color        : #fff;  /*字体颜色-白色*/

  padding      : 1px;  /*左右留白-3px*/

  margin-right  : 3px;    /*右侧间隔-5px*/

}