<script>
//删除当前td标签
function del_accessory(tablename){
for(var i=2;i<3;i++){
//得到table第二行(第二个tr)的内容
var tab = document.getElementById(tablename).rows[(i)].cells[0].innerHTML;
if(tab != "" && i != 3){
//得到td
var td = document.getElementById(tablename).rows[(i)].cells[0]
//将当前td删除
td.removeNode(td);
//得到td的第0个元素
//var fob0 = td.childNodes[0];
//得到td的第1个元素
//var fob1 = td.childNodes[1];
//删除第0个元素
//fob0.parentNode.removeChild(fob0);
//删除第1个元素
//fob1.parentNode.removeChild(fob1)'
}
}
}
</script>
<table id = "table1">
<tr><td>删除td</td></tr>
<tr><td><input type="text"><input type="text"><input type="button" onclick="
del_accessory('table1')" value="取消">
</table>
<table id = "table2">
<tr><td>删除td</td></tr>
<tr><td><input type="text"><input type="text"><input type="button" onclick="del_accessory('table2')" value="取消">
</table>
-----------------------------------------------------------------------------------------------------------------
循环table里的元素
<script>
function del_accessory(tablename,ind){
var tb = document.getElementById(tablename);
var rows = tb.rows;
for(var i=0;j<rows.lenght;i+){
var cells = rows[i].cells;
for(var j = 0;j<cells.length;j++){
alert(cells[[j].innerHTML);
if(cells[j].name="god"){
if(cells[j].childNodes[6].value == ind){
alert(ind);
var td = document.getElementById(tablename).rows[(i)].cells[0];
td.removeNode(td);
}
}
}
}
}
</script>
<table id="table1">
<c:forench item="list" var="f" varStatus="i">
<tr>
<td name="god">
<input type="text" value="${f.name}"><input type="text" value="${f.value}">
<input type="button" value="取消" onclick="del_accessory('table1',${i.index})">
<input type="hidden" value="${i.index}"><td></tr>
</c:forench>
</table>
分享到:
相关推荐
特别是在表格(Table)中获取单元格(td)的值是一个常见的需求。本文将详细介绍如何使用JavaScript获取表格中td元素的值,并通过实例分析一些操作技巧。 首先,当需要获取表格中多个行的任意td值时,可以为每个td...
一个简单的HTML表格由`<table>`标签定义,每一行由`<tr>`标签表示,而单元格(cells)则由`<td>`或`<th>`(表头)标签组成。例如: ```html <table> <td>数据1</td> <td>数据2</td> <td>数据3</td> <td>...
在循环体内,通过`trList.eq(i).find("td")`选取当前循环到的`<tr>`下的所有`<td>`元素,并存入`tdArr`数组。最后通过`tdArr.eq(index).find("input").val()`获取每个`<td>`内`<input>`元素的值,这里的index是`...
一个基本的HTML表格由`<table>`标签定义,`<tr>`标签表示行,`<td>`标签表示单元格。在JavaScript中,我们可以使用DOM(Document Object Model)接口来操作这些元素。 隔列换色的效果通常是基于奇偶性判断的,即对...
它由一系列元素组成,每个元素由开始标签、内容和结束标签组成。HTML 的骨架结构包括 `<html>` 根元素、 `<head>` 头部元素和 `<body>` 主体元素。 ### HTML 基本标签 1. 标题标签:`<h1>-<h6>`,逐渐减小,独占一...
标签“动态删除 TABLE”进一步强调了主题与动态操作表格元素有关。 在提供的部分代码中,我们看到了几个关键的JavaScript函数和HTML表格结构。 首先,代码中定义了一个辅助函数`$(objId)`,它的作用是通过提供的ID...
HTML标签是构成HTML页面的基本元素,它们告诉浏览器如何组织和展示网页内容。在HTML中,每个标签通常由尖括号包围,如`<tag>`,并且大多数标签都有一个对应的闭合标签,如`</tag>`。 ### 一、跑马灯标签 `<marquee>...
- `<table>`:创建表格,通过`<tr>`、`<td>`、`<th>`等标签构建。 - `<form>`:定义表单,用于收集用户输入的信息。 - `<input>`:用于创建各种类型的输入控件,如文本框、隐藏字段、密码框等。 - `<select>`:创建...
- `deleteRow()`: 在表格中删除指定索引的行,此方法属于table元素的方法。 - `rowIndex`: 返回当前行在其父表格中的索引位置。 - DOM操作:操作文档对象模型(Document Object Model, DOM),通过JavaScript代码...
表格是HTML中的重要元素,`<table>`标签开始表格,`align`设置对齐方式,`background`添加背景图片,`border`定义边框宽度,`bgcolor`和`bordercolor`等属性设置颜色。`<tr>`表示行,`<td>`定义单元格,`<th>`创建...
本例中的动态表格操作主要是向`<table>`元素中插入新的`<tr>`元素,以及向`<tr>`中插入新的`<td>`元素。 3. 事件处理:事件处理是交互式网页编程的核心,允许响应用户的操作,例如鼠标点击。这里使用了`onclick`...
7.1.1 表格的基本构成——table、tr、td 119 7.1.2 表格的标题——caption 120 7.1.3 表格的表头——th 121 7.2 设置表格基本属性 123 7.2.1 表格的宽度——width 123 7.2.2 表格的高度——height...
3. **设置合并属性**:如果当前行与前一行的`trid`相同,则移除当前行的第一个`td`;否则,设置前一行的第一个`td`的`rowspan`属性来表示合并了多少行。 #### 四、代码解析 1. **JS文件** ```javascript $...
// 删除当前选中的元素 ``` 对于表格的显示和隐藏,可以利用`show()`和`hide()`方法: ```javascript $("#myTable").show(); // 显示表格 $("#myTable").hide(); // 隐藏表格 ``` jQuery的事件处理也十分便捷,...
- **删除线**:`<s>` 或 `<del>`。 #### 六、媒体标签 - **图片标签**:`<img>`。 - **属性**: - `src`:图片源文件路径。 - `alt`:图片无法显示时的替代文字。 - `title`:鼠标悬停时显示的文字。 - `width...
节点输出,即在当前位置输出括号里的内容 *凡是从页面上进入js的都是字符串类型 8.查找元素:抓住根节点,就等于抓住整棵树 网页的根节点:document对象 要找元素,必须利用document对象(当前网页文件) 精确...
11. **表格**:`<table>`定义表格,`<tr>`表示行,`<td>`表示单元格,`<th>`表示表头。`caption`用于添加表格标题,`thead`、`tbody`和`tfoot`分别表示表头、主体和脚部。`rowspan`和`colspan`用于单元格合并。 12....
本篇文章将详细介绍HTML中常用的标签及其属性,包括`table`、`marquee`、`form`、`img`等元素的使用方法。 #### 二、基本标签详解 ##### 1. `<marquee>`:滚动文本/图像 - **行为属性**: - `behavior`:定义元素...
- **HTML 表格元素**:HTML中的`<table>`标签用于创建表格,而`<tr>`代表表格行,`<td>`或`<th>`则分别表示表格中的数据单元格和表头单元格。 - **DOM 操作**:JavaScript可以用来操作HTML文档对象模型(DOM),通过...
当你创建单个元素时,请使用闭合标签或 XHTML 格式。例如,创建一个 span ,可以用 $("<span/>") 或 $("<span></span>") ,但不推荐 $("<span>") --------------------------------------------------------------...