js は丸で囲まれた数字のリストのサンプルコードを動的に追加します

<!-- 順序なしリスト -->
<ul id="リスト">
	
</ul>

関数autoAddList(){
  var oUl = document.getElementById('リスト');
  // var arr = ['湖南省', '広西省', '新疆ウイグル自治区', '上海']
  var str = "";
  (i = 1; i < 13; i++ とします) {
    (i == 1) の場合 {
      str += '<li><a style="color: white"><span id="listOne" style="background-color: rgb(187, 7, 7)">' + i + '</span></a></li>' + '<br>';
    }そうでない場合 (i == 2) {
      str += '<li><span style="background-color: #ffad33">' + i + '</span></li>' + '<br>';
    }そうでない場合 (i == 3) {
      str += '<li><span style="background-color: green">' + i + '</span></li>' + '<br>';
    }それ以外{
      str += '<li><span style="background-color: #339cff">' + i + '</span></li>' + '<br>';
    }    
  }
  oUl.innerHTML = str;
}

/*リストのスタイルを設定する*/
ul{
  リストスタイルタイプ: なし;
}

/*インラインブロック要素として設定*/
li span{
	表示:インラインブロック;
}