Javascript 如何解析html元素的子元素？

我的html中有以下内容：

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

我的内容
...

是否有任何简单的方法可以解析表树并访问

元素（节点）？

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

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

如果要在tds中迭代：

$("#my_table td").each(function(k, td) {
   $(td).css("css property", "css value");
});

元素具有保存所有

元素的行属性，

元素具有保存所有

元素的单元格属性

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
         */
    }
}

var table=document.getElementById（“我的表”）；
var-tr，td，r，c；
//迭代行
对于（r=0；r

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

 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";

---

使用PHP编写的simpleHTMLDOM类解析html非常容易。 检查一下它的文档那边没有什么例子

请点击下面的链接

---

njoy报废：）

获取

的原因和地点？你想用CSS吗？我不清楚你在问什么。

解析表是什么意思？

？Javascript中读取dom遍历时的读取选择器CSS选择器和jQuery选择器。@JakubMichálek：我的意思是（解析表树）获取td元素并将CSS应用于ITI如果你想应用CSS，只需在CSS文件中使用CSS选择器（例如#my_table td{背景色：红色；}）我在同一个页面中有3个表，所以我只想将css应用于id为my_table的表的td。我已经更新了代码，以便为id为my_table的表工作

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
         */
    }
}

 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";