`
liss
  • 浏览: 844349 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

点击表格中某一行中的某个单元格中的超链接/按钮,如何获取当前行号?

阅读更多

我用html做了一个表格,表格的特点如下:
表格的行代表一个对象,表格的列代表对象的某个属性;
表格第一列是用超链接表示的,表示对象的名称;

我想实现的效果是:点击名称那一列的某个超链接,获取超链接所在的那一行数据进行处理。我的想法是,点击超链接,获取到所在表格的行号,然后就可以对这一行每个单元格进行操作了。现在的问题是,该如何获取超链接所在的行号?

 

<script language="javascript">
<!--
function Alert(_this){
var objTR=_this.parentNode.parentNode
alert("本行号= "+objTR.rowIndex)
var obj=objTR.getElementsByTagName("td")
for (var i=0;i<obj.length;i++)
alert(obj[i].innerHTML)
}
//-->
</script>
<table border="1" width="37%">
    <tr>
        <td width="63">name</td>
        <td width="68">x1</td>
        <td width="62">x2</td>
        <td width="75">x3</td>
        <td>x4</td>
    </tr>
    <tr>
        <td width="63"><a href=### onclick="Alert(this)">name1</a></td>
        <td width="68">11</td>
        <td width="62">12</td>
        <td width="75">13</td>
        <td>14</td>
    </tr>
    <tr>
        <td width="63"><a href=### onclick="Alert(this)">name2</a></td>
        <td width="68">21</td>
        <td width="62">22</td>
        <td width="75">23</td>
        <td>24</td>
    </tr>
    <tr>
        <td width="63"><a href=### onclick="Alert(this)">name3</a></td>
        <td width="68">31</td>
        <td width="62">32</td>
        <td width="75">33</td>
        <td>34</td>
    </tr>
    <tr>
        <td width="63"><a href=### onclick="Alert(this)">name4</a></td>
        <td width="68">41</td>
        <td width="62">42</td>
        <td width="75">43</td>
        <td>44</td>
    </tr>
    <tr>
        <td width="63"><a href=### onclick="Alert(this)">name5</a></td>
        <td width="68">51</td>
        <td width="62">52</td>
        <td width="75">53</td>
        <td>54</td>
    </tr>
    <tr>
        <td width="63"><a href=### onclick="Alert(this)">name6</a></td>
        <td width="68">61</td>
        <td width="62">62</td>
        <td width="75">63</td>
        <td>64</td>
    </tr>
</table>

 

 

我的表格是用表格对象的insertRow和insertCell生成的,单元格里的超链接是用createElement(“A”)生成的,一是添加不了事件处理函数,添加了没有反应;二是通过别的方法添加了事件处理函数,函数执行时只打印this,显示为undefined,不知道什么原因?

<script language="javascript">
<!--
function Alert(_this){
alert(_this.innerHTML)
}

var _a=document.createElement("a")
_a.innerHTML="test"
_a.onclick=function(){Alert(this)}
document.body.appendChild(_a)
//-->
</script>

 

分享到:
评论

相关推荐

    高级表格应用九九乘法表

    我们可以用`ROW()`和`COLUMN()`函数来获取当前单元格的行号和列号,然后将这两个值相乘得到乘积。例如,在B2单元格中,可以使用以下公式: `=B$1*C$2` 这里,`B$1`表示固定行号1,`C$2`表示固定列号2,这样拖动...

    Emeditor 简体中文插件集 Build 5

    插入单元格标记 插入超链接标记 插入居中标记 插入段落标记 插入换行标记 插入图像标记 插入粗体字标记 插入斜体字标记 插入下划线标记 插入注释标记 七、杂项 快捷宏工具 保存快捷宏 载入...

    XXXX年全国专业技术人员计算机应用能力考试-(Excel中文电子表格)最.docx

    3. **删除超链接**:如果单元格中有超链接,可以右键点击超链接并选择“删除超链接”。 4. **设置图表样式**:可以更改图表数据系列的格式,如设置数据标记为三角形,背景色为绿色,显示正偏差和垂直线。这在“图表...

    Excel使用技巧大全

    - 按住`Shift`键,然后点击“关闭”按钮,可以一次性关闭所有打开的工作簿。 **29. 选定多个工作表** - 按住`Ctrl`键,然后点击相应的工作表标签。 **30. 对多个工作表快速编辑** - 参照第29点的方法选定多个工作...

    Excel表格的基本操作常用的操作方法,操作技巧(大全)参照.pdf

    Excel表格是Microsoft Office套件中的一个核心应用,用于数据管理和分析。它提供了丰富的功能和技巧,可以帮助用户高效地处理各种工作。以下是一些基础和进阶的Excel操作方法及技巧: **一、基本方法** 1. **快速...

    计算机考试Excel中文电子表格.pdf

    7. **全选工作表**:点击工作表左上角的全选按钮(包含行号和列字母的方块)可快速选中整个工作表。 8. **窗口分隔与取消**:使用“窗口”菜单的“新建窗口”、“水平拆分”、“垂直拆分”和“取消拆分”功能,可以...

    Office(Excel+PPT+Word2003)使用技巧方法大全

    39. **快速隐藏/显示选中单元格所在行和列:** 右键点击行号或列标,选择“隐藏”或“取消隐藏”。 40. **彻底隐藏单元格:** 使用“格式单元格”&gt;“保护”选项卡中的“隐藏”复选框。 41. **用下拉列表快速输入...

    Excel2010使用技巧大全(全).doc

    18. **快速获取帮助**: 使用F1键或点击“帮助”按钮,可以快速获取Excel的帮助信息。 19. **创建帮助文件的快捷方式**: 右键点击帮助文件,选择“发送到”&gt;“桌面(创建快捷方式)”。 20. **双击单元格某边移动...

    EXT2.0中文教程

    2.8.2. 添加一行,再把它踢掉 2.8.3. 一切就绪,你可以按保存按钮了。 2.8.4. 天马行空,保证提交的数据绝对有效 2.8.5. 限制类型,让用户只能选择我们提供的数据 2.9. 连坐法,关于选择模型 2.10. 2.0有,1.x里没有...

    代码常用的VBA短句带注释.doc

    3. **获取第一行末列向左第一列有数值之列数** ```vb [IV1].End(xlToLeft).Column ``` **解析**:从指定的列(例如IV1)向左查找,直到遇到第一个含有数据的单元格,并返回该单元格的列号。 4. **获取第一行首...

    Excel使用技巧大全超全.doc

    Excel是Microsoft Office套件中的一个重要组件,主要用于数据管理和分析。掌握Excel的使用技巧能够极大地提高工作效率。以下是一些关键的Excel使用技巧: 1. **快速选中全部工作表**:按住Ctrl键并点击工作表标签...

    office考试题

    3. **Excel选定多行操作**:在Excel2003中,若要选定多个不连续的行,需要按住Ctrl键,然后逐个点击要选择的行号。 4. **Excel单元格数据输入**:在Excel单元格中输入“1/4”,默认会显示为日期格式,即1月4日。 5...

    2016教师信息化应用培训模拟题(第1套).docx

    选定一行:这是通过单击行的边界来实现的。 - C. 选定一列:这是通过单击列的边界来实现的。 - D. 选定一段文字:这是通过在文本中拖动鼠标来实现的。 ### 11. 新疆班汉语教材的特殊功能 - **知识点**: 特殊...

    易语言多个文本文件转EXCEL

    文本文件通常是以纯文本形式存储数据,一行代表一个记录,每一列的数据之间通过特定分隔符(如逗号、制表符)进行区分。而Excel则是Microsoft Office套件的一部分,用于处理和分析表格数据,支持丰富的格式化和计算...

    计算机等考一级章节考点:工作表的打印和超链接1.docx

    至于超链接,它是电子文档中的一个强大特性,允许用户点击文本或图像以跳转到其他位置,如网页、电子邮件地址或同一工作簿内的其他单元格。在Excel中,创建超链接的步骤通常包括选中要作为超链接的文本,然后在...

    计算机基础教案(EXCEL部分).pdf

    《计算机应用基础》课程中的Excel部分是针对计算机技术的基础教学,旨在帮助学生掌握电子表格处理软件的基本操作。Excel是一款功能强大的办公软件,集成了多种软件的优点,如文字处理、数据库管理、数据分析以及与...

    交大计算机第三次作业六次满-world、excel、ppt.docx

    - 单元格地址的相邻关系,例如F5的下一行是F6,右边一列是G5。 - 设置页码在“插入”选项卡中完成,帮助组织和导航文档。 - 执行“粘贴”命令会将剪贴板内容复制到当前插入点。 - 水平标尺上的“首行缩进”滑块...

    2022年职称计算机考试Excel2022年模拟试题及答案(18).docx

    2. **删除超链接**:在工作表中选择含有超链接的单元格,右键点击选择“删除超链接”。 3. **设置图表格式**:在图表中,选择“成绩 4”数据系列,设置数据标记为三角形,背景填充为绿色,显示正偏差和垂直线。 4....

Global site tag (gtag.js) - Google Analytics