JavaScript—为什么我在表中添加新列时会显示“JavaScript”；“未定义”；在额外的单元中

当我向表中添加额外的3列时，我的列表项不会填充它们。相反，它在单元格中表示未定义。如果有人可以，我理想情况下需要一个6x6表格来存放我的列表项。干杯

var listOfWords = ["mat", "cat", "dog", "pit", "pot", "fog", "log", "pan", "can", "man", "pin", "gag", "sat", "pat", "tap", "sap", "tag", "gig", "gap", "nag", "sag", "gas", "pig", "dig", "got", "not", "top", "pop", "god", "mog", "cot", "cop", "cap", "cod", "kid", "kit", "get", "pet", "ten", "net", "pen", "peg", "met", "men", "mum", "run", "mug", "cup", "sun", "mud", "rim", "ram", "rat", "rip", "rag", "rug", "rot", "dad", "sad", "dim", "dip", "did", "mam", "map", "nip", "tin", "tan", "nap", "sit", "tip", "pip", "sip", "had", "him", "his", "hot", "hut", "hop", "hum", "hit", "hat", "has", "hug", "but", "big", "bet", "bad", "bad", "bed", "bud", "beg", "bug", "bun", "bus", "bat", "bit", "fit", "fin", "fun", "fig", "fan", "fat", "lap", "lot", "let", "leg", "lit" ];

var shuffledWords = listOfWords.slice(0, 6);
 shuffledWords.sort(function () {
   return 0.5 - Math.random();
});

var tbl = document.createElement('table');
tbl.className='tablestyle';

 for (var i = 0; i < shuffledWords.length; i++) {
   var word = shuffledWords[i];
   var row = document.createElement('tr');
 //Here is where I add the extra 3 columns
 for (var j = 0; j < word.length + 3; j++){
   var cell = document.createElement('td');


    cell.textContent = word[j];
    // IF FIREFOX USE cell.textContent = word[j]; INSTEAD
    row.appendChild(cell);
  }

  tbl.appendChild(row);    
}

document.body.appendChild(tbl);

var listOfWords=[“垫子”、“猫”、“狗”、“坑”、“锅”、“雾”、“木头”、“锅”、“罐头”、“人”、“针”、“塞”、“坐”、“拍”、“水龙头”、“树汁”、“标签”、“吉格”、“缺口”、“纳格”、“沙格”、“煤气”、“猪”、“挖”、“得”、“得”、“不”、“顶”、“流行”、“上帝”、“莫格”、“科特”、“警察”、“帽子”、“鳕鱼”、“孩子”、“工具包”、“得”、“宠物”、“十”、“网”、“笔”、“佩格”、“大都会”、“男人”、“妈妈”、“跑步”，“马克杯”、“杯子”、“太阳”、“泥”、“轮辋”、“公羊”、“老鼠”、“裂口”、“破布”、“地毯”、“腐烂”、“爸爸”、“悲伤”、“昏暗”、“浸”、“干”、“妈妈”、“地图”、“夹”、“锡”、“晒黑”、“午睡”、“坐”、“小费”、“皮普”、“啜饮”、“有”、“他”、“他的”、“热”、“小屋”、“跳跃”、“哼哼”、“击中”、“帽子”、“有”、“拥抱”、“但是”、“大”、“赌”、“坏”、“坏”、“床”、“巴德”、“乞讨”、“臭虫”、“面包”、“巴士”、“蝙蝠”、“比特”“，”适合“，”鳍“，”乐趣“，”无花果“，”风扇“，”脂肪“，”圈“，”很多“，”让“，”腿“，”点燃“]；
var shuffledWords=listOfWords.slice（0,6）；
shuffledWords.sort（函数（）{
返回0.5-Math.random（）；
});
var tbl=document.createElement（'table'）；
tbl.className='tablestyle'；
for（var i=0；i

如果试图每行显示两个单词，可以执行以下操作：

var listOfWords = ["mat", "cat", "dog", "pit", "pot", "fog", "log", "pan", "can", "man", "pin", "gag", "sat", "pat", "tap", "sap", "tag", "gig", "gap", "nag", "sag", "gas", "pig", "dig", "got", "not", "top", "pop", "god", "mog", "cot", "cop", "cap", "cod", "kid", "kit", "get", "pet", "ten", "net", "pen", "peg", "met", "men", "mum", "run", "mug", "cup", "sun", "mud", "rim", "ram", "rat", "rip", "rag", "rug", "rot", "dad", "sad", "dim", "dip", "did", "mam", "map", "nip", "tin", "tan", "nap", "sit", "tip", "pip", "sip", "had", "him", "his", "hot", "hut", "hop", "hum", "hit", "hat", "has", "hug", "but", "big", "bet", "bad", "bad", "bed", "bud", "beg", "bug", "bun", "bus", "bat", "bit", "fit", "fin", "fun", "fig", "fan", "fat", "lap", "lot", "let", "leg", "lit" ];

var shuffledWords = listOfWords.slice(0).sort(function () {
    return 0.5 - Math.random();
}).slice(0, 12);

var tbl = document.createElement('table');
tbl.className='tablestyle';
var wordsPerRow = 2;

for (var i = 0; i < shuffledWords.length; i += wordsPerRow) {
    var row = document.createElement('tr');

    for (var j=i; j < i + wordsPerRow; ++ j) {
        var word = shuffledWords[j];

        for (var k = 0; k < word.length; k++){
            var cell = document.createElement('td');


            cell.textContent = word[k];
            // IF FIREFOX USE cell.textContent = word[j]; INSTEAD
            row.appendChild(cell);
        }
    }
    tbl.appendChild(row);    
}

document.body.appendChild(tbl);

var listOfWords=[“垫子”、“猫”、“狗”、“坑”、“锅”、“雾”、“木头”、“锅”、“罐头”、“人”、“针”、“塞”、“坐”、“拍”、“水龙头”、“树汁”、“标签”、“吉格”、“缺口”、“纳格”、“沙格”、“煤气”、“猪”、“挖”、“得”、“得”、“不”、“顶”、“流行”、“上帝”、“莫格”、“科特”、“警察”、“帽子”、“鳕鱼”、“孩子”、“工具包”、“得”、“宠物”、“十”、“网”、“笔”、“佩格”、“大都会”、“男人”、“妈妈”、“跑步”，“马克杯”、“杯子”、“太阳”、“泥”、“轮辋”、“公羊”、“老鼠”、“裂口”、“破布”、“地毯”、“腐烂”、“爸爸”、“悲伤”、“昏暗”、“浸”、“干”、“妈妈”、“地图”、“夹”、“锡”、“晒黑”、“午睡”、“坐”、“小费”、“皮普”、“啜饮”、“有”、“他”、“他的”、“热”、“小屋”、“跳跃”、“哼哼”、“击中”、“帽子”、“有”、“拥抱”、“但是”、“大”、“赌”、“坏”、“坏”、“床”、“巴德”、“乞讨”、“臭虫”、“面包”、“巴士”、“蝙蝠”、“比特”“，”适合“，”鳍“，”乐趣“，”无花果“，”风扇“，”脂肪“，”圈“，”很多“，”让“，”腿“，”点燃“]；
var shuffledWords=listOfWords.slice（0）.sort（函数（）{
返回0.5-Math.random（）；
}).切片（0,12）；
var tbl=document.createElement（'table'）；
tbl.className='tablestyle'；
var wordsPerRow=2；
for（变量i=0；i

---

添加了一个演示：

如果您试图在每行显示两个单词，可以执行以下操作：

var listOfWords = ["mat", "cat", "dog", "pit", "pot", "fog", "log", "pan", "can", "man", "pin", "gag", "sat", "pat", "tap", "sap", "tag", "gig", "gap", "nag", "sag", "gas", "pig", "dig", "got", "not", "top", "pop", "god", "mog", "cot", "cop", "cap", "cod", "kid", "kit", "get", "pet", "ten", "net", "pen", "peg", "met", "men", "mum", "run", "mug", "cup", "sun", "mud", "rim", "ram", "rat", "rip", "rag", "rug", "rot", "dad", "sad", "dim", "dip", "did", "mam", "map", "nip", "tin", "tan", "nap", "sit", "tip", "pip", "sip", "had", "him", "his", "hot", "hut", "hop", "hum", "hit", "hat", "has", "hug", "but", "big", "bet", "bad", "bad", "bed", "bud", "beg", "bug", "bun", "bus", "bat", "bit", "fit", "fin", "fun", "fig", "fan", "fat", "lap", "lot", "let", "leg", "lit" ];

var shuffledWords = listOfWords.slice(0).sort(function () {
    return 0.5 - Math.random();
}).slice(0, 12);

var tbl = document.createElement('table');
tbl.className='tablestyle';
var wordsPerRow = 2;

for (var i = 0; i < shuffledWords.length; i += wordsPerRow) {
    var row = document.createElement('tr');

    for (var j=i; j < i + wordsPerRow; ++ j) {
        var word = shuffledWords[j];

        for (var k = 0; k < word.length; k++){
            var cell = document.createElement('td');


            cell.textContent = word[k];
            // IF FIREFOX USE cell.textContent = word[j]; INSTEAD
            row.appendChild(cell);
        }
    }
    tbl.appendChild(row);    
}

document.body.appendChild(tbl);

var listOfWords=[“垫子”、“猫”、“狗”、“坑”、“锅”、“雾”、“木头”、“锅”、“罐头”、“人”、“针”、“塞”、“坐”、“拍”、“水龙头”、“树汁”、“标签”、“吉格”、“缺口”、“纳格”、“沙格”、“煤气”、“猪”、“挖”、“得”、“得”、“不”、“顶”、“流行”、“上帝”、“莫格”、“科特”、“警察”、“帽子”、“鳕鱼”、“孩子”、“工具包”、“得”、“宠物”、“十”、“网”、“笔”、“佩格”、“大都会”、“男人”、“妈妈”、“跑步”，“马克杯”、“杯子”、“太阳”、“泥”、“轮辋”、“公羊”、“老鼠”、“裂口”、“破布”、“地毯”、“腐烂”、“爸爸”、“悲伤”、“昏暗”、“浸”、“干”、“妈妈”、“地图”、“夹”、“锡”、“晒黑”、“午睡”、“坐”、“小费”、“皮普”、“啜饮”、“有”、“他”、“他的”、“热”、“小屋”、“跳跃”、“哼哼”、“击中”、“帽子”、“有”、“拥抱”、“但是”、“大”、“赌”、“坏”、“坏”、“床”、“巴德”、“乞讨”、“臭虫”、“面包”、“巴士”、“蝙蝠”、“比特”“，”适合“，”鳍“，”乐趣“，”无花果“，”风扇“，”脂肪“，”圈“，”很多“，”让“，”腿“，”点燃“]；
var shuffledWords=listOfWords.slice（0）.sort（函数（）{
返回0.5-Math.random（）；
}).切片（0,12）；
var tbl=document.createElement（'table'）；
tbl.className='tablestyle'；
var wordsPerRow=2；
for（变量i=0；i

---

添加了一个演示：

不确定您是否尝试将6x6行中的字母随机排列

如果不尝试

cell.textContent = word[j%3];

但这只是重复这个词

比如说垫子

你会有

---

m a t m a t

不确定是否尝试将6x6行中的字母随机化

如果不尝试

cell.textContent = word[j%3];

但这只是重复这个词

比如说垫子

你会有

---

m a t m a t

我的列表项仍然不会填充这3个额外的列，尽管它们是添加到DOM中的，但它们是空的。你希望他们有什么价值？但他希望他们被填满。不是空的，请再次阅读问题@RazviI我不确定我是否理解您想在额外的列中添加什么。。。是否要在一行中显示两个项目，每个项目有3列？因此，试图显示12个项目？使用javascript版本在我的列表中创建了一个fiddle项目，尽管这些项目添加到DOM中，但它们仍然不会填充3个额外的列，而是为空。你希望他们有什么价值？但他希望他们被填满。不是空的，再次阅读问题@RazviI'm not sur