javascript - 简单的 JavaScript DOM 操作

标签 javascript dom

谁能告诉我这段代码有什么问题吗?我正在尝试从 stratch 创建一个表并向其中添加十行和单元格。提前致谢。

<!DOCTYPE html>
<html>
<head>
    <title>Untitled</title>
    <script type="text/javascript">
        var cargar = function () {
            var tabla = document.createElement("TABLE");
            document.body.appendChild(tabla);
            var cebreado = function () {
                console.log("Inicio" + a);
                for (var a = 0; a > 10; a++) {
                    tabla.appendChild(document.createElement("TR"));
                    console.log("Hola" + a);
                    for (var b = 0; b > 10; b++) {
                        tabla.appendChild(document.createElement("TD"));
                    }
                }
            }
            ;
            return cebreado;
        }
        ;
    </script>
</head>
<body onload="cargar()">
</body>
</html>

最佳答案

你犯了一些错误:

  • 您没有调用函数 cebreado ,你只需引用它即可
  • 你们的 for 循环都有 >当它应该是 <
  • 您没有附加 TD进入TR ,但是到表本身。

这是您的代码:

<!DOCTYPE html>
<html>
<head>
    <title>Untitled</title>
    <script type="text/javascript">
        var cargar = function () {
            var tabla = document.createElement("TABLE");
            document.body.appendChild(tabla);
            var cebreado = function () {
                console.log("Inicio" + a);
                for (var a = 0; a < 10; a++) {
                    tabla.appendChild(document.createElement("TR"));
                    console.log("Hola" + a);
                    for (var b = 0; b < 10; b++) {
                        tabla.lastChild.appendChild(document.createElement("TD"));
                    }
                }
            }
            ;
            return cebreado();
        }
        ;
    </script>
</head>
<body onload="cargar()">
</body>
</html>

关于javascript - 简单的 JavaScript DOM 操作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27548409/

相关文章:

javascript - jQuery : Split the DOM Node using jQuery

javascript 修改元素的样式

javascript - 以编程方式添加过渡样式而不删除现有样式

javascript - 绑定(bind) .click 和 .blur 事件处理程序

javascript - 将动态字段添加到 Uploadify

javascript - 单击时渲染新元素

javascript - 获取存储在DOM中的多张图片的宽度

javascript - angularjs 获取 DOM ng-model

Javascript Reactjs 按钮组件未显示

javascript - MongoDb 中的自动增量字段与异步批量插入