`
liss
  • 浏览: 826462 次
  • 性别: 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>

 

分享到:
评论

相关推荐

    计算机应用基础第4章-中文Excel-.pptx

    4.2.2 数据输入和编辑 一、工作表中单元格和区域的选定 二、数据输入 三、数据删除 四、数据修改 五、单元格、行、列的插入与删除 2023/5/31 11 计算机应用基础第4章-中文Excel-全文共74页,当前为第11页。...

    Emeditor 简体中文插件集 Build 5

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

    Excel表培训资料财务.pptx

    输入与编辑技巧 4、一个单元格输入多个值: 5、一个单元格输入多行: 6、输入"00"和位数较多的数字: 技巧:输完一行后,在编辑状态按Alt+Enter键换行 技巧:选择单元格,按Ctrl再次选择 方法:把单元格设置成"文本...

    EXT2.0中文教程

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

    数据分析复习题.doc

    [A]按钮 [B]超链接 [C]图片 [D]文字介绍 答案:B 8、通过Excel2010中"文件"选项"中的( )命令可以自定义工具栏。 [A]新建 [B]常用 [C]自定义功能区 [D]符号栏 答案:C 9、Excel2003中,工作簿默认的文件扩展名为...

    EXT教程EXT用大量的实例演示Ext实例

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

    C#开发实例大全(基础卷).软件开发技术联盟(带详细书签) PDF 下载

    实例045 批量替换某一类字符串 58 实例046 对字符串进行加密与解密 59 3.3 常用数字处理技术 61 实例047 判断输入的货币值是否为数字 61 实例048 对计算结果进行四舍五入 62 实例049 商品金额的大小写转换 63 实例...

    Ext 开发指南 学习资料

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

Global site tag (gtag.js) - Google Analytics