Может кто-нибудь сказать мне, почему этот вызов функции javascript не работает?

Question

Вот jsFiddle

Fiddle

JavaScript:

 function createTable(tbody, rows, cols) {
     if (tbody == null || tbody.length < 1) return;
     for (var r = 1; r <= rows; r++) {
         var trow = $("<tr>");
         for (var c = 1; c <= cols; c++) {
             $("<td>")
                     .text("Table")
                     //.createElement("div")
                     .appendTo(trow);
         }
         trow.appendTo(tbody);
     }
 }   


$(document).ready(function() {
  createTable($("#table"), 4, 4);
});

HTML:

<table id="table" border="1">
    <tbody>
    </tbody>
</table>
----------------------------
<table id="table1" border="1">
    <tbody>
    </tbody>
</table>

<br><br>
Select table size?
<form>
    <input type="button" value="4X4" onclick="createTable('table1', 4, 4)">
</form>

Функция JavaScript, вызываемая JavaScript, работает нормально (таблица), но функция JavaScript, вызываемая OnClick, не работает (таблица1). Можете ли вы сказать мне, почему?

Также кто-нибудь знает, почему createElement("div") тоже не работает?

Answer 1

http://jsfiddle.net/7WD8v/12/

Answer 2

Вы должны использовать no wrap в скрипте, а jQuery не имеет createElement метода (так как вы вызываете его как метод jQuery). Вы можете использовать .append ()

Fiddle

Answer 3

Исправлено http://jsfiddle.net/7WD8v/6/

Вам нужно было загрузить свой скрипт в голову, чтобы он был доступен для этого ввода

Answer 4

Поскольку в OnClick вы передаете String в качестве значения первого аргумента, а при вызове js передается коллекция элементов.

Answer 5

вам нужно передать объект по клику

createTable($('#table1'), 4, 4)