Html/js单色字符

我目前正在尝试为linux终端游戏“贪婪”制作一个web端口。 如果你曾经玩过，每个数字都有自己独特的颜色，我需要在html中复制它

我试着把它们放进标签里，虽然这 用chrome，我的电脑运行速度太慢了

drawGrid = function(){
drawer.innerHTML = ""
for(var i in board){
    for(var o in board[i]){
        drawer.innerHTML+="<span class='b"+board[i][o]+"'>"+board[i][o]+"</span>"
    }
    drawer.innerHTML+="<br>"
}}

board是一个带有数字的2d数组，drawer是我正在写入的div，它位于一个样式标签中，用于正确设置数字的样式

---

有什么帮助吗？

要获得预期的结果，请使用下面的重写innerHTML选项，如下所示

var drawer=document.getElementById'draw'； var board={a:['aa'，'aa2'，'aa3'，b:['ba'，'ba2'，'ba3']}； drawGrid=函数{ drawer.innerHTML=； 变量html= 船上的福瓦尔一号{ 董事会中的forvar o[i]{ html+=+板[i][o]+ } html+= } drawer.innerHTML=html } 跨度{ 边框：1px纯黑 }

---

Drawspan样式不会使laggy运行，这可能是由于js代码。当我删除跨度时，它运行良好，因此idkWelcome to StackOverflow！一定要带着旅行包去参观。您可能希望为您的问题创建一个解决方案。如果你的问题无法重现，你就无法得到帮助。包括您使用的浏览器可能也会有帮助。请在您面临问题的地方共享代码，因为很难从您的问题中分辨出来。完成，谢谢您的建议，我是新来的谢谢，我没有意识到每个人都造成了如此多的延迟，您的解决方案非常有效！很高兴它为你工作，请接受我的帖子作为答案，如果它有助于解决你的问题