`

js获取表格中的元素id

IESafariOperaJavaScriptHTML 
阅读更多

先不废话 代码如下:

Html代码 复制代码
  1. <html>  
  2.  <head>  
  3. <script type="text/javascript" >  
  4.   
  5. function init(){   
  6.   
  7. var tab0=document.getElementById('tab0');   
  8.   
  9.     var tr1=document.getElementById('tr1');   
  10.   
  11.     var td3=document.getElementById('td3');   
  12.   
  13.     var idx_tr1=tr1.rowIndex;   
  14.   
  15.     var idx3= td3.cellIndex;   
  16.   
  17.   
  18.   
  19.     alert( tab0.tBodies[0].rows[idx_tr1].id  + '\n'+ tr1.cells[idx3].id );   
  20.   
  21. }   
  22. </script>  
  23.  </head>  
  24.  <body onload="init()">  
  25.   <table id="tab0" border="1" width="300">  
  26.   <tr id="tr0" style="display:none;"><td>.</td><td>.</td><td>.</td><td>.</td><td>.</td></tr>  
  27.   <tr id="tr1">  
  28.     <td id="td0">0</td>  
  29.     <td id="td1">1</td>  
  30.     <td id="td2" style="display:none;">2</td>  
  31.     <td id="td3">3</td>  
  32.     <td id="td4">4</td>  
  33.   </tr>  
  34.   </table>  
  35.  </body>  
  36. </html>  




运行后

ie里提示 tr1 td2

ff safari opera下都提示 tr1 和 td3

---------------------------------

总结: 也就是说 在IE里 ,当table中有隐藏的td时 , cellIndex这个属性不再可靠.
但是 当table中有隐藏的tr时 , rowIndex这个属性依然是可靠的.

ie里对 td 隐藏后的 ,在计算 cellIndex时 会当作那个隐藏的td被移除了一样计算
但是 tr的cells集合内却并没有移除那个隐藏的td.

IE的做法实在是 让人无语了

  • dd.rar (452 Bytes)
  • 下载次数: 23
分享到：
| onclick事件实现div的隐藏和显示
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    js 获取表格内容

    在示例代码中，通过`getElementById`函数来获取指定ID的表格元素，并通过`rows.length`属性来获取该表格的行数。 ```javascript var tab = document.getElementById("test"); var rows = tab.rows.length; ``` ...

    js获取表格内容

    这里的关键是使用了`document.getElementById`来获取表格元素，然后利用`rows`和`cells`属性来访问表格的具体结构。 ##### 示例2：获取表格行数 ```javascript alert(document.getElementById('tb').rows.length);...

    JS获取Table中td值的方法

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

    js获取table行 列 的值

    HTML 中的 `&lt;table&gt;` 元素是用来显示表格数据的标准方式之一，而使用 JavaScript 来操作这些表格中的数据则非常常见。下面我们将详细介绍如何通过 JavaScript 来获取 HTML 表格（`&lt;table&gt;`）中的行（`&lt;tr&gt;`）和列（`...

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

    1. **获取表格元素：** 首先，我们需要获取到表格元素。可以使用`document.getElementById()`、`document.querySelector()`或`document.getElementsByTagName()`等方法。例如，如果表格的ID是"myTable"，则可以这样...

    javascript获取表格 td 中的内容.docx

    获取表格元素 首先，我们需要获取到整个表格的引用，通常可以通过 `getElementById`、`getElementsByClassName` 或 `querySelector` 等方法来实现。 ```javascript var table = document.getElementById('myTable...

    jQuery JSON动态获取表格数据代码.zip

    本示例"jQuery JSON动态获取表格数据代码.zip"是关于如何利用jQuery和JSON来动态地填充表格数据，同时提供了一些交互功能，如折叠和展开表格行。下面将详细解释相关知识点。 首先，jQuery库的使用： 1. DOM操作：...

    table里面获取所有元素

    在JavaScript中，获取表格的所有元素通常涉及DOM操作。`document.querySelector()`或`document.getElementById()`可以获取到单个元素，而`document.querySelectorAll()`则可以获取多个匹配的选择器的元素集合。对于...

    JavaScript改变表格单元格的背景颜色 - 支持多浏览器

    为了改变特定单元格的背景色，我们可以通过JavaScript获取到该单元格并设置其样式。 以下是一个基本示例，展示如何在JavaScript中操作表格： ```html &lt;!DOCTYPE html&gt; 改变表格单元格背景颜色 &lt;table id=...

    调用json获取表格动态数据代码.zip

    本项目"调用json获取表格动态数据代码.zip"显然是一个用于演示如何在网页中利用JavaScript处理JSON数据，生成具有各种交互功能的表格的示例。 首先，我们来看"说明.htm"。这个文件可能是项目中的HTML模板，展示了...

    利用事件冒泡(Event Bubbling )获取鼠标下的元素属性

    JavaScript部分可能涉及了`addEventListener`或`attachEvent`（对于旧版IE浏览器）来添加事件监听器，并在事件处理函数中使用`event.target`来获取当前鼠标下的元素，从而展示元素的相关属性，例如ID、类名、文本...

    js 添加删除表格

    // 获取表格元素 var table = document.getElementById('myTable'); // 添加行 function addRow() { var row = table.insertRow(); var cell1 = row.insertCell(0); var cell2 = row.insertCell(1); cell1....

    JavaScript获取表格（table）当前行的值、删除行、增加行

    首先，我们来详细讲解如何获取表格当前行的值。在这个例子中，通过`onclick`事件监听表格的每一行（tr），当用户点击某一行时，`c1(obj)`函数会被调用。这个函数将当前行的背景色设为蓝色，并存储选中的行对象。`...

    js动态的添加元素例如表格1

    在上面的代码中，我们首先获取了 id 为 "myTable" 的表格元素，然后使用 innerHTML 属性将新的表格行添加到表格中。 2. 使用 createElement 和 appendChild 方法 Another way to dynamically add elements is to ...

    js导出html表格中数据示例

    例如，可以使用以下代码获取表格的所有行： ```javascript let table = document.getElementById('your_table_id'); let rows = table.getElementsByTagName('tr'); ``` 接下来，我们需要将这些数据转换为适合...

    jQuery JSON动态获取表格数据代码

    在"jQuery JSON动态获取表格数据代码"中，我们首先需要一个JSON文件，如`revenue.json`，用于存储表格的数据。该文件通常包含一个数组，数组中的每个元素都是一个对象，代表表格的一行数据。例如： ```json [ { ...

    纯javascript增加删除表格行

    1. **获取表格元素**：在JavaScript中，可以使用`document.getElementById()`或`document.querySelector()`方法来选取表格元素。例如，如果表格ID是"myTable"，则代码如下： ```javascript var table = document....

    javascript获取表格 td 中的内容

    在实际的Web开发中，JavaScript获取表格中td内容的操作步骤大致如下： 1. 选择表格：首先需要获取到表格元素。可以使用诸如`document.getElementsByTagName('table')`的方法，通过表格的标签名获取，也可以使用`...

    JavaScript操作表格

    1. **选取表格**：通过`document.getElementById("table1")`获取ID为`table1`的表格元素。 2. **处理表格事件**：通过为表格中的`&lt;a&gt;`标签添加`onclick`事件处理器，可以实现对表格元素的操作。例如，通过`moveUp...

Magicbox
Global site tag (gtag.js) - Google Analytics