将表格注入特定类别

Question

当我生成此表格时，会在代码的其余部分执行后生成该表格。

我希望能够将代码生成到像“.container”这样的特定类中。

我该怎么做？

var listOfWords = []; 
var rndWord = []; 
var counter = 0; 
var ul = document.getElementById("wordlist"); 
var i; 

for (i = 0; i < ul.children.length; ++i) { 

    listOfWords.push({ 
     "name": ul.children[i].getAttribute("data-word"), 
     "pic": ul.children[i].getAttribute("data-pic"), 
     "audio": ul.children[i].getAttribute("data-audio") 
    }); 
} 

var chosenWords = []; 
var copylist = listOfWords.slice(); 

for (var x = 0; x < 6; x++) { 
    var rand = Math.floor(Math.random() * (copylist.length)); 
    chosenWords.push(copylist[rand].name); 
    copylist.splice(rand, 1); 
    if (chosenWords.length < 12) { 
    chosenWords.push(' '); 
    } 

} 

var shuffledWords = []; 
shuffledWords = chosenWords.sort(function() { 
    return 0.5 - Math.random() 
}); 

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

for (var i = 0; i < shuffledWords.length - 1; i += wordsPerRow) { 

    var row = document.createElement('tr'); 
    for (var j = i; j < i + wordsPerRow; ++j) { 
     var word = shuffledWords[j]; 
     guesses[word] = []; 

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


      $(cell).addClass('drop-box').attr('data-word', word).attr('data-letter',   word[k]); 
      cell.textContent = word[k]; 

      row.appendChild(cell); 
     } 
    } 
    tbl.appendChild(row); 
} 

document.body.appendChild(tbl); 

我想改变这个代码的底线从

document.body.appendChild(tbl); 

到

document.container.appendChild(tbl); 

会做，但事实并非如此。

有谁知道如何把这张表放入容器？

Answer 1

如果要将表添加到具有特定css类的元素，可以执行以下操作。

$(".container").append(tbl);