`
- 浏览:
18312 次
-
JS: dynamic table deleteRow
js 代码
- <script type="text/javascript" src="prototype.js"></script>
- <script type="<span" class="string">"text/javascript">
- function del(e,obj,id) {
- var rowIndex;
- if (!e) {
- e = window.event;
- rowIndex = event.srcElement.parentElement.parentElement.sectionRowIndex;
- } else {
- rowIndex =obj.parentNode.sectionRowIndex;
- }
- $('peopleTable').deleteRow(rowIndex);
- }
- </script>
java 代码
- table
- tbody id='peopleTable'
- tr
- td
- a href="#" onClick="javascript:del(event,this.parentNode,DB_ID)">Del
注:使用href,则必须调用onclick方法,否则无法取得parentElement.
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
var table = document.getElementById('dynamicTable'); var tbody = table.tBodies[0]; var rowCount = tbody.rows.length; var row = tbody.insertRow(); row.id = 'row' + rowCount; // 添加行号 var ...
<table id="dynamicTable"> 姓名 年龄 操作 <td><input type="text"> <td><input type="number"> <td><button class="deleteRow">删除</button></td> </table> ``` 接着,我们通过JavaScript来处理...
#dynamicTable td, #dynamicTable th { border: 1px solid #ddd; padding: 8px; } #dynamicTable tr:nth-child(even) { background-color: #f2f2f2; } ``` 现在,我们进入jQuery部分。首先,我们需要在文档加载...
var table = document.getElementById('dynamicTable'); var newRow = table.insertRow(-1); for (var i = 0; i < table.rows[0].cells.length; i++) { var cell = newRow.insertCell(i); cell.innerHTML = '新...
<table id="dynamicTable"> 列1 列2 操作 </table> 添加行 置顶 置底 上移 下移 <button id="deleteRow">删除行 ``` 接下来,我们使用JavaScript(这里假设使用了ES6语法)来处理这些操作: 1. **...
<tbody id="dynamicTable"> </table> ``` 为每一行生成时添加删除按钮: ```javascript function createRow(data1, data2) { var newRow = $("<tr><td>" + data1 + "</td><td>" + data2 + "</td><td>...
<table id="dynamicTable"> 内容 <td><button onclick="addRow()">添加</button></td> <td><button onclick="deleteRow(this)">删除</button></td> </table> function addRow() { var table = document....
在`dynamicTable`文件中,你可能找到了示例代码,包括上述功能的实现。分析和理解这些代码将有助于你在实际项目中实现类似的功能。记得在使用前进行测试,确保代码在不同浏览器和设备上的兼容性。通过不断实践和优化...
var table = document.getElementById('dynamicTable'); var newRow = table.insertRow(-1); var cell1 = newRow.insertCell(0); var cell2 = newRow.insertCell(1); var cell3 = newRow.insertCell(2); cell1...
<table id="dynamicTable"> <td><input type="text" name="field1"> <td><input type="text" name="field2"> <td><button class="addRow">添加行</button></td> </table> ``` 2. **jQuery绑定事件**:...
myTable.id = "DynamicTable"; // 设置表格ID var myRow = document.getElementById("myRow").value; // 获取用户输入的行数 var myCol = document.getElementById("myCol").value; // 获取用户输入的列数 // ...
4. **DHTML创建Table(2).html** - DHTML(Dynamic HTML)是指动态HTML,通过JavaScript和CSS实现页面内容的实时更新。创建表格可以通过`<table>`元素和JavaScript的DOM操作实现,例如,`document.createElement('...
table.deleteRow(this.parentNode.rowIndex); } } ``` **压缩包中的文件“testDHTML.htm”** 这个文件很可能是博主提供的一个示例,包含了一个简单的HTML页面,其中实现了DHTML表格增删功能。通过打开这个文件,...
在这个文档中,主要讨论了HTML DOM中的Table对象及其相关对象,以及DHTML(Dynamic HTML)中的其他对象。 1. HTML DOM 对象 Table对象代表HTML中的表格元素`<table>`。它有几个重要的属性和方法: - `cells`属性...