`
pouyang
  • 浏览: 322546 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JS 点击获取table的一行

 
阅读更多
<script>
/**
 * 单击鼠标选中表格中的一行
 */
function  selectThis(obj,tableId){
var actionTable = getObject(tableId);
  for(var i=1;i<actionTable.rows.length;i++){
    actionTable.rows[i].className="";
  }
   obj.className= "bg2";
}
/**
 * this.No 是全局变量
 * 在别的地方就可以随便用了
 */
function getThis(No) {
    this.No = No;
}
</script>
<table id="datalist" >
	<tr onclick="selectThis(this,'datalist');getThis('<c:out value="${lists.no}" />'">
	   <td><c:out value="${lists.no}</td>
	   <td><c:out value="${lists.name}</td>
	</tr>
</table>
分享到:
评论

相关推荐

    js获取table行 列 的值

    当点击某一行时,将这一行设置为被选中的状态,并改变其背景颜色;如果再次点击已选中的行,则取消选择。 #### 2. `check` 函数解析 该函数用于获取当前被选中行的第一个单元格中的值,并将其显示在页面上。如果...

    如何用js获取table第1行第2列的值

    这个场景下,我们关注的是如何获取第一行第二列的数据。在HTML中,table由`&lt;table&gt;`标签定义,每一行由`&lt;tr&gt;`标签表示,而每一列则由`&lt;td&gt;`(表格数据)或`&lt;th&gt;`(表头数据)标签表示。在JavaScript中,我们可以使用...

    jQuery获取table下某一行某一列的值实现代码

    从提供的文件内容中,我们可以提取以下关于jQuery获取表格中某一行某一列值的知识点: 1. jQuery选择器的使用:在文中,通过使用选择器 $(".div") 找到了包含多个表格的div元素。这说明了jQuery选择器用于选取页面...

    js获取table中当前选择行号

    通过js获取table中当前选择的一行的行号,获取当前行号后可以进行对应的操作

    Layui组件Table绑定行点击事件和获取行数据的方法

    Layui的Table组件的使用是前端开发中非常基础且重要的技能,接下来详细解析如何在Layui的Table组件中实现行点击事件的绑定以及如何获取对应行的数据。 首先,要实现行点击事件的绑定,需要等待Table组件初始化完成...

    获取table下每一行td的值

    如果你想要获取一个表格(table)中的每一行(tr)`td`元素的值,这通常是数据分析或者前端交互的需求。下面我们将详细探讨如何实现这个目标,以及涉及到的相关知识点。 首先,我们需要了解HTML的基本结构。表格在...

    点击table任意列选中当前行demo

    在这个场景中,表格的每一行(`&lt;tr&gt;`)和每一列(`&lt;td&gt;`)都需要被正确地定义,以便用户可以点击。 2. **CSS样式**:"选中table样式"可能是指为选中状态的行设计特定的视觉效果,比如改变背景色、边框样式等。这可以...

    JS example:点击按钮table增加一行,删除一行

    这篇博客“JS example:点击按钮table增加一行,删除一行”提供了具体的示例,帮助开发者掌握这一技能。 首先,让我们理解基本概念。HTML表格由`&lt;table&gt;`元素定义,`&lt;tr&gt;`元素表示表格行,`&lt;td&gt;`元素表示单元格,而...

    JS获取Table中td值的方法

    本文将详细介绍如何使用JavaScript获取表格中td元素的值,并通过实例分析一些操作技巧。 首先,当需要获取表格中多个行的任意td值时,可以为每个td元素分配一个共同的class。这样做的好处是可以通过class来选取所有...

    table JS 添加行和删除行

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

    jstable添加行删除行复制行

    假设要删除第一行: ```javascript var rowToDelete = table.rows[0]; table.deleteRow(rowToDelete.rowIndex); ``` 这里,`rowIndex`属性用于获取行的索引,`deleteRow`方法用于删除该行。 ### 复制行 复制行的...

    javascript table 增加删除行,巧妙实现

    在JavaScript中,表格(Table)是网页数据展示的常用元素,而动态地增加或删除行则是常见的交互需求。本文将深入探讨如何巧妙地利用JavaScript来实现这个功能。 首先,我们需要了解HTML中的`&lt;table&gt;`元素及其相关...

    JavaScript获取tr td 的三种方式全面总结(推荐)

    /* 第一种,原生的js,先获取table然后获取tr标签,然后遍历td */ // $('#selectIds').val(); // var table = document.getElementById(tb_table);//获取第一个表格 // var array = table.getElementsByTagName(tr...

    使用 JavaScript 获取 table 行号和列号

    以上就是使用JavaScript获取表格行号和列号的基本方法。这个功能在数据分析、表格编辑、用户交互等多种场景下都非常有用。在实际开发中,可以根据具体需求进行适当的扩展和优化,确保代码的健壮性和可维护性。

    js实现点击table表头字段带箭头标示

    本话题聚焦于“js实现点击table表头字段带箭头标示”,这是一个常见需求,特别是在数据展示和管理中。它使得用户可以通过点击表头来对表格数据进行排序,箭头则指示当前的排序状态——升序或降序。 首先,理解...

    获取table中某个td的值

    在网页开发中,表格(Table)...总结,利用JavaScript获取table中某个td的值是一项基础但关键的技能,它涉及到DOM操作、CSS选择器以及对HTML表格结构的理解。熟练掌握这些技巧,能让你在构建交互式网页时更加得心应手。

    Js获取table当前tr行的值的代码

    ### Js获取table当前tr行的值的代码 在Web开发中,经常需要处理HTML表格中的数据,例如读取、修改或删除表格中的某一行。本文将详细介绍如何使用JavaScript来实现这些功能,具体包括:获取选中行的第一列值、删除...

    JS选中checkbox后获取table内一行TD所有数据的方法

    本文实例讲述了JS选中checkbox后获取table内一行TD所有数据的方法。分享给大家供大家参考。具体实现方法如下: &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&gt; &lt;html&gt; &lt;head&gt; &...

    js操作table行的上下移动,置顶置底

    DOM(Document Object Model)是HTML和XML文档的编程接口,通过JavaScript我们可以对表格中的每一行进行操作。在JavaScript中,我们可以通过`getElementById`或`querySelectorAll`等方法获取表格元素,并通过`...

    js 操作 增加删除Table行

    以下是一个简单的例子,展示如何在点击按钮时增加一行: ```html &lt;!DOCTYPE html&gt; &lt;title&gt;JS操作表格 ()"&gt;增加行 &lt;table id="myTable"&gt; 数据1 数据2 &lt;/table&gt; function addRow() { var table ...

Global site tag (gtag.js) - Google Analytics