-1

我的 html 中有这个：

<table id="my_table">
    <tbody>
        <tr>
            <td>my content</td>
        </tr>
        ...
    </tbody>
</table>

有没有简单的方法来解析表树并获取<td>元素（节点）？

4

4 回答 4

1

CSS 选择器（在 css 文件中使用 - 应用 css 样式的最简单方法）：

#my_table td {
  background-color: red;
}

如果您使用 jQuery（以下代码将返回与引号中的查询匹配的元素集合）：

$("#my_table td")

如果要遍历 tds：

$("#my_table td").each(function(k, td) {
   $(td).css("css property", "css value");
});
于 2013-09-19T12:35:06.237 回答
1

阅读您的评论，您可以执行以下操作：

 var tbl = document.getElementById("my_table"); 
var cell  = tbl.getElementsByTagName("td")
cell[0].style.color = "red";
cell[0].style.border = "1px solid black";
cell[0].style.padding = "20px";
cell[0].style.background = "#c0c0c0";
cell[0].style.fontSize = "50px";

http://jsbin.com/aDiQuNU/2/edit?html，输出

于 2013-09-19T12:42:03.967 回答
0

<table>元素具有包含所有元素的行属性，元素具有包含所有<tr>元素<tr>的单元格属性<td>。

var table = document.getElementById("my_table");
var tr, td, r, c;

// Iterate the rows
for (r = 0; r < table.rows.length; r++) {
    tr = table.rows[r];

    // Iterate the cells
    for (c = 0; c < tr.cells.length; c++) {
        td = tr.cells[c];
        /*
         * r = current row number
         * c = current cell number
         * tr = current row
         * td = current cell
         */
    }
}
于 2013-09-19T12:39:33.727 回答
-4

使用 PHP 编写的 simpleHTMLDOM 类解析 html 非常容易。检查它的文档那里有几个例子

请点击下面的链接

http://simplehtmldom.sourceforge.net/manual.htm

njoy报废:)

于 2013-09-19T12:44:46.337 回答