Javascript 在for循环中同时使用for循环变量don'；我不能完全工作

我需要让我的代码正常工作。我认为他是完整的，所以我找不到缺少的东西。 正如您在我的css上看到的，我希望它是列从1到n，行从1到m的框。但出现的情况有点奇怪

函数变量框（）{
设m=document.getElementById（“行”）.value；
设n=document.getElementById（“columns”）.value；
for（设j=0；j”）；
}
}

正文{
利润率：20px；
背景色：白色；
}
p{
背景色：黑色；
颜色：白色；
填充：20px；
宽度：30px；
边框：2倍纯白；
显示：内联块；
}

播放

如果我运行您的代码段，列会显示在彼此下面，查看DevTools窗口，我能找到的唯一问题是HTML中的样式表声明有问题。如果没有CSS，它看起来是这样的：

当我手动添加CSS时，如下所示：

---

我的建议是再看看如何将CSS添加到网页中。

如果我运行您的代码片段，列会显示在彼此下面，查看DevTools窗口，我唯一能找到的是HTML中的样式表声明有问题。如果没有CSS，它看起来是这样的：

当我手动添加CSS时，如下所示：

我的建议是再看看如何将CSS添加到网页中。

文档。write（
）

替换当前文档内容，从而摆脱CSS。而是使用

appendChild

创建换行符

固定代码：

函数变量框（）{
让body=document.querySelector（“body”）；
设m=document.getElementById（“行”）.value；
设n=document.getElementById（“columns”）.value；
for（设j=0；j

正文{
利润率：20px；
背景色：白色；
}
p{
背景色：黑色；
颜色：白色；
填充：20px；
宽度：30px；
边框：2倍纯白；
显示：内联块；
}

播放

文档。write（
）

替换当前文档内容，从而摆脱css。而是使用

appendChild

创建换行符

固定代码：

函数变量框（）{
让body=document.querySelector（“body”）；
设m=document.getElementById（“行”）.value；
设n=document.getElementById（“columns”）.value；
for（设j=0；j

正文{
利润率：20px；
背景色：白色；
}
p{
背景色：黑色；
颜色：白色；
填充：20px；
宽度：30px；
边框：2倍纯白；
显示：内联块；
}

播放

您不应该在代码中使用

document.write（）

。问题是，在加载文档后运行document.write时，它会覆盖整个文档。如果在此之前运行，则不会覆盖它。。因此，您的css无法工作。相反，你应该这样做

而且一定要读

函数变量框（）{
设m=document.getElementById（“行”）.value；
设n=document.getElementById（“columns”）.value；
for（设j=0；j

正文{
利润率：20px；
背景色：白色；
}
p{
背景色：黑色；
颜色：白色；
填充：20px；
宽度：30px；
边框：2倍纯白；
显示：内联块；
}

播放

您不应该在代码中使用

document.write（）

。问题是，在加载文档后运行document.write时，它会覆盖整个文档。如果在此之前运行，则不会覆盖它。。因此，您的css无法工作。相反，你应该这样做

而且一定要读

函数变量框（）{
设m=document.getElementById（“行”）.value；
设n=document.getElementById（“columns”）.value；
for（设j=0；j