js获取单元格自定义属性值的代码(IE/Firefox)

获取单元格自定义属性值的代码需要用到JavaScript的DOM操作，具体步骤如下：

1. 获取单元格元素

首先，我们需要获取单元格元素，可以使用document.getElementById()方法获取单元格的ID，也可以使用document.getElementsByTagName()方法获取所有单元格元素并使用索引访问特定单元格。示例代码如下：

var cell = document.getElementById("cell_id"); //根据ID获取单元格元素

var table = document.getElementById("table_id"); //根据ID获取表格元素
var cell = table.rows[0].cells[0]; //访问表格第一行第一列单元格元素

1. 获取自定义属性值

获取自定义属性值需要使用元素对象的getAttribute()方法，该方法接收一个参数，即自定义属性名。示例代码如下：

var attrValue = cell.getAttribute("data-attribute"); //获取自定义属性值

综合以上两步，可以得到完整代码如下：

var cell = document.getElementById("cell_id");
var attrValue = cell.getAttribute("data-attribute");

var table = document.getElementById("table_id");
var cell = table.rows[0].cells[0];
var attrValue = cell.getAttribute("data-attribute");

需要注意的是，自定义属性名需要以"data-"开头，这是HTML5规范的要求，有助于区分自定义属性和HTML标准属性。

下面给出两个示例说明：

1. 获取表格中第一行第一列的自定义属性值

HTML代码如下：

<table id="table_id">
  <tr>
    <td data-attribute="cell_value">Value</td>
    <td>Text</td>
  </tr>
  <tr>
    <td>Text</td>
    <td>Text</td>
  </tr>
</table>

JavaScript代码如下：

var table = document.getElementById("table_id");
var cell = table.rows[0].cells[0];
var attrValue = cell.getAttribute("data-attribute"); //attrValue的值为"cell_value"

1. 获取单元格元素的自定义属性值

HTML代码如下：

<table>
  <tr>
    <td id="cell_id" data-attribute="cell_value">Value</td>
    <td>Text</td>
  </tr>
</table>

JavaScript代码如下：

var cell = document.getElementById("cell_id");
var attrValue = cell.getAttribute("data-attribute"); //attrValue的值为"cell_value"

以上就是获取单元格自定义属性值的代码攻略。