javascript - 动态表创建者或 <td> <tr> 创建者

标签 javascript html css

如果我有一个包含 5 行和 4 列的表。但我必须在下一行添加值。没有与数据库相关的依赖项。我有 ADD 按钮,我想像每次单击时一样对其进行编码ADD 按钮有新行的添加...... 我的意思是表中行的创建将是动态的...

可以告诉我任何示例代码/链接吗 http://jsfiddle.net/或者给我任何包含该演示代码的 Url

最佳答案

查看此 tutorial .它展示了如何添加新行和新列。


我不知道如何在 jsFiddle 上做,但在我的机器上做了一个演示,如下所示:

<html>
<head>
<title>Demo</title>
<script>
    function appendRow(tblId)
    {
        var tbl = document.getElementById(tblId);
        var newRow = tbl.insertRow(tbl.rows.length);
        var newCell = newRow.insertCell(0);
        newCell.innerHTML = 'Hello World!';
    }
</script>
</head>
<body>
<table id="tabl" border="1">
    <tr>
        <td>Old one</td>
    </tr>
</table>
<input type="button" value="AddRow" onClick="appendRow('tabl')">
</body>

关于javascript - 动态表创建者或 <td> <tr> 创建者,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5675876/

相关文章:

javascript - D3 通过刷牙的焦点+上下文不显示散点图

javascript - 创建 'Automatic copy to clipboard' JavaScript

html - 我必须更改 html/css 中的哪些内容才能将文字与图片分开?

html - 不透明度不起作用,即使我没有发现语法错误

html - 通过 css 在悬停时在渐变背景上显示图像

html - 对齐 ul li 元素

html - 如何使用 CSS 设置 3 (div) 框的样式

javascript - 添加图像的上一个和下一个按钮

html - 按百分比设置填充时垂直菜单转到新行

javascript - 如何等到在nodejs中执行流异步