如何使用JavaScript在div中插入对象？

我正在使用JavaScript制作蛇和梯子游戏。我想将创建板（维度）函数生成的游戏板插入到div中，但显示的是[object]

var游戏板={
createBoard:函数（维度）{
如果（！dimension | | isNaN（dimension）| |！parseInt（dimension，10））{
返回false；
}否则{
维度=维度的类型=='string'？parseInt（维度，10）：维度；
var table=document.createElement（'table'），
行=document.createElement（'tr'），
单元格=document.createElement（'td'），
罗克隆，
细胞克隆；
var输出；
对于（var r=0；r=0；r--）{
cells=行[r].getElementsByTagName（'td'）；
len=单元格长度；
行[r].className=r%2==0？“偶数”：“奇数”；
奇数=++控件%2==0？真：假；
大小=行数。长度；
对于（变量i=0；i
td{
边界半径：10px；
宽度：55px；
高度：55px；
线高：55px；
文本对齐：居中；
边框：0px实心#FFFFFF；
}
表tr:n个孩子（奇数）td:n个孩子（偶数），
表tr:n个子项（偶数）td:n个子项（奇数）{
背景色：粉蓝色；
}
表tr:n个孩子（偶数）td:n个孩子（偶数），
表tr:n个孩子（奇数）td:n个孩子（奇数）{
背景色：天蓝色；
}
td:悬停{
背景：淡青色！重要；
光标：指针；
}
您想要的只是将游戏板附加到div#div1，对吗


在
createBoard（）函数中添加了
mount
参数

var mount
是一个选择器，它将被引用为
表
元素将附加到的元素
注释伴随着代码中的更改
我在
#div1
周围添加了一个边框，以显示
游戏板已成功附加到
#div1



var gameBoard={//===============▼---▼====[这可以是任何选择器]
createBoard:功能（尺寸、安装）{
//==▼------------------------------------▼====[对象安装]
var mount=document.querySelector（装载）；
如果（！dimension | | isNaN（dimension）| |！parseInt（dimension，10））{
返回false；
}否则{
维度=维度的类型=='string'？parseInt（维度，10）：维度；
var table=document.createElement（'table'），
行=document.createElement（'tr'），
单元格=document.createElement（'td'），
罗克隆，
细胞克隆；
var输出；
对于（var r=0；r=0；r--）{
cells=行[r].getElementsByTagName（'td'）；
len=单元格长度；
行[r].className=r%2==0？“偶数”：“奇数”；
奇数=++控件%2==0？真：假；
大小=行数。长度；
对于（变量i=0；i
td{
边界半径：10px；
宽度：55px；
高度：55px；
线高：55px；
文本对齐：居中；
边框：0px实心#FFFFFF；
}
表tr:n个孩子（奇数）td:n个孩子（偶数），
表tr:n个子项（偶数）td:n个子项（奇数）{
背景色：粉蓝色；
}
表tr:n个孩子（偶数）td:n个孩子（偶数），
表tr:n个孩子（奇数）td:n个孩子（奇数）{
背景色：天蓝色；
}
td:悬停{
背景：淡青色！重要；
光标：指针；
}
#第一组{
边框：3个插页#0FF；
边界半径：10px；
宽度：-moz-fit内容；
宽度：-webkit适合内容；
宽度：适合的内容；
}
不得不说，我讨厌用“div1”作为任何东西的id。为什么一个词不能真正识别t