`

删除当前td标签&循环table里的元素

    博客分类:
  • html
阅读更多

<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>

分享到:
评论

相关推荐

    JS获取Table中td值的方法

    特别是在表格(Table)中获取单元格(td)的值是一个常见的需求。本文将详细介绍如何使用JavaScript获取表格中td元素的值,并通过实例分析一些操作技巧。 首先,当需要获取表格中多个行的任意td值时,可以为每个td...

    table JS 添加行和删除行

    一个简单的HTML表格由`&lt;table&gt;`标签定义,每一行由`&lt;tr&gt;`标签表示,而单元格(cells)则由`&lt;td&gt;`或`&lt;th&gt;`(表头)标签组成。例如: ```html &lt;table&gt; &lt;td&gt;数据1&lt;/td&gt; &lt;td&gt;数据2&lt;/td&gt; &lt;td&gt;数据3&lt;/td&gt; &lt;td&gt;...

    jquery遍历table的tr获取td的值实现方法

    在循环体内,通过`trList.eq(i).find("td")`选取当前循环到的`&lt;tr&gt;`下的所有`&lt;td&gt;`元素,并存入`tdArr`数组。最后通过`tdArr.eq(index).find("input").val()`获取每个`&lt;td&gt;`内`&lt;input&gt;`元素的值,这里的index是`...

    table 隔列换色JS效果.rar

    一个基本的HTML表格由`&lt;table&gt;`标签定义,`&lt;tr&gt;`标签表示行,`&lt;td&gt;`标签表示单元格。在JavaScript中,我们可以使用DOM(Document Object Model)接口来操作这些元素。 隔列换色的效果通常是基于奇偶性判断的,即对...

    上课笔记dawawdad

    它由一系列元素组成,每个元素由开始标签、内容和结束标签组成。HTML 的骨架结构包括 `&lt;html&gt;` 根元素、 `&lt;head&gt;` 头部元素和 `&lt;body&gt;` 主体元素。 ### HTML 基本标签 1. 标题标签:`&lt;h1&gt;-&lt;h6&gt;`,逐渐减小,独占一...

    javascript DOM操作之动态删除TABLE多行

    标签“动态删除 TABLE”进一步强调了主题与动态操作表格元素有关。 在提供的部分代码中,我们看到了几个关键的JavaScript函数和HTML表格结构。 首先,代码中定义了一个辅助函数`$(objId)`,它的作用是通过提供的ID...

    html 的全部标签

    HTML标签是构成HTML页面的基本元素,它们告诉浏览器如何组织和展示网页内容。在HTML中,每个标签通常由尖括号包围,如`&lt;tag&gt;`,并且大多数标签都有一个对应的闭合标签,如`&lt;/tag&gt;`。 ### 一、跑马灯标签 `&lt;marquee&gt;...

    HTML常用标签以及常用技巧等说明

    - `&lt;table&gt;`:创建表格,通过`&lt;tr&gt;`、`&lt;td&gt;`、`&lt;th&gt;`等标签构建。 - `&lt;form&gt;`:定义表单,用于收集用户输入的信息。 - `&lt;input&gt;`:用于创建各种类型的输入控件,如文本框、隐藏字段、密码框等。 - `&lt;select&gt;`:创建...

    js实现对table的增加行和删除行的操作方法

    - `deleteRow()`: 在表格中删除指定索引的行,此方法属于table元素的方法。 - `rowIndex`: 返回当前行在其父表格中的索引位置。 - DOM操作:操作文档对象模型(Document Object Model, DOM),通过JavaScript代码...

    HTML+CSS标签属性大全.pdf

    表格是HTML中的重要元素,`&lt;table&gt;`标签开始表格,`align`设置对齐方式,`background`添加背景图片,`border`定义边框宽度,`bgcolor`和`bordercolor`等属性设置颜色。`&lt;tr&gt;`表示行,`&lt;td&gt;`定义单元格,`&lt;th&gt;`创建...

    JQuery实现动态表格点击按钮表格增加一行

    本例中的动态表格操作主要是向`&lt;table&gt;`元素中插入新的`&lt;tr&gt;`元素,以及向`&lt;tr&gt;`中插入新的`&lt;td&gt;`元素。 3. 事件处理:事件处理是交互式网页编程的核心,允许响应用户的操作,例如鼠标点击。这里使用了`onclick`...

    从入门到精通HTML5——PDF——网盘链接

     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...

    JSP页面实现合并单元格

    3. **设置合并属性**:如果当前行与前一行的`trid`相同,则移除当前行的第一个`td`;否则,设置前一行的第一个`td`的`rowspan`属性来表示合并了多少行。 #### 四、代码解析 1. **JS文件** ```javascript $...

    JQuery操作表格.rar

    // 删除当前选中的元素 ``` 对于表格的显示和隐藏,可以利用`show()`和`hide()`方法: ```javascript $("#myTable").show(); // 显示表格 $("#myTable").hide(); // 隐藏表格 ``` jQuery的事件处理也十分便捷,...

    个人学习+复习笔记之Html5篇

    - **删除线**:`&lt;s&gt;` 或 `&lt;del&gt;`。 #### 六、媒体标签 - **图片标签**:`&lt;img&gt;`。 - **属性**: - `src`:图片源文件路径。 - `alt`:图片无法显示时的替代文字。 - `title`:鼠标悬停时显示的文字。 - `width...

    JavaScript笔记

    节点输出,即在当前位置输出括号里的内容 *凡是从页面上进入js的都是字符串类型 8.查找元素:抓住根节点,就等于抓住整棵树 网页的根节点:document对象 要找元素,必须利用document对象(当前网页文件) 精确...

    HTML5知识点思维导图(手工整理)

    11. **表格**:`&lt;table&gt;`定义表格,`&lt;tr&gt;`表示行,`&lt;td&gt;`表示单元格,`&lt;th&gt;`表示表头。`caption`用于添加表格标题,`thead`、`tbody`和`tfoot`分别表示表头、主体和脚部。`rowspan`和`colspan`用于单元格合并。 12....

    HTML语法大全

    本篇文章将详细介绍HTML中常用的标签及其属性,包括`table`、`marquee`、`form`、`img`等元素的使用方法。 #### 二、基本标签详解 ##### 1. `&lt;marquee&gt;`:滚动文本/图像 - **行为属性**: - `behavior`:定义元素...

    javascript合并单元格

    - **HTML 表格元素**:HTML中的`&lt;table&gt;`标签用于创建表格,而`&lt;tr&gt;`代表表格行,`&lt;td&gt;`或`&lt;th&gt;`则分别表示表格中的数据单元格和表头单元格。 - **DOM 操作**:JavaScript可以用来操作HTML文档对象模型(DOM),通过...

Global site tag (gtag.js) - Google Analytics