谁能告诉我为什么这个 javascript 函数调用不起作用?

发布于 2024-12-06 05:34:43 字数 1194 浏览 1 评论 0原文

这是一个 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 函数工作正常(表),但 OnClick 调用的 JavaScript 函数不起作用(表1)。你能告诉我为什么吗?

还有人知道为什么 createElement("div") 也不起作用吗?

Here's a 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>

The JavaScript function called by JavaScript works fine(table), but the JavaScript function called by the OnClick isn't working(table1). Can you tell me why?

Also does anyone know why the createElement("div") isn't working either?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(5

蓝颜夕 2024-12-13 05:34:44

修复了 http://jsfiddle.net/7WD8v/6/

您需要在头部加载脚本让它可用于该输入

Fixed http://jsfiddle.net/7WD8v/6/

You needed to load you script in the head to have it available for that input

忱杏 2024-12-13 05:34:44

您必须在小提琴中使用 no wrap ,并且 jQuery 没有 createElement 方法(因为您将其作为 jQuery 方法调用)。您可以使用 .append()

小提琴

You have to use no wrap in the fiddle and jQuery doesn't have createElement method (as you are calling it as a jQuery method). You may use .append()

Fiddle

沫尐诺 2024-12-13 05:34:44

您需要在 onclick 上传递对象

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

you need to pass the object on the onclick

createTable($('#table1'), 4, 4)
人间☆小暴躁 2024-12-13 05:34:44

因为在 OnClick 上您传递一个 String 作为第一个参数值,而在 js 调用中传递一个元素集合。

Because on OnClick you pass a String as first argument value and in js call a collection of elements is passed.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文