`

JavaScript中<table>中<tbody>

JavaScriptFirebugIE浏览器 
阅读更多

浏览器总是在table和tr之间创建tbody标签。因此

<table>
    <tr>
        <td></td>
    </tr>
</table>

 

和

<table>
    <tbody>
        <tr>
            <td></td>
        </tr>
    </tbody>
</table>

 
在浏览器中够造的DOM树完全相同。

以上两个代码片段分别用IE DOM Inspector和firebug查看结果如下：

没有<tbody>时


     

                         IE DOM Inspecto                                                            firebug

 

增加<tbody>标签时，节点仍然没有变化


   
                          IE DOM Inspecto                                                            firebug

 

 
 


 
  

  • 大小: 21.9 KB
  • 大小: 16.5 KB
  • 大小: 19.4 KB
  • 大小: 16.3 KB
分享到：
| JavaScript集成搜索
评论
发表评论

文章已被作者锁定，不允许评论。

相关推荐

    html 表单排序

    而当我们谈论`&lt;table&gt;`表单排序时，我们通常是指如何对`&lt;table&gt;`中的数据行进行升序或降序排列，以便用户可以更有效地浏览和分析信息。这在大型数据集或动态更新的数据中尤其有用。 ### 1. `&lt;table&gt;`的基本结构 一...

    HTML基础代码资源

    6. **表格**：`&lt;table&gt;`、`&lt;tr&gt;`（行）、`&lt;th&gt;`（表头）和`&lt;td&gt;`（单元格）用于创建数据表格。`&lt;caption&gt;`定义表格的标题，`&lt;thead&gt;`和`&lt;tbody&gt;`分别表示表头和主体部分。 7. **表单**：HTML表单通过`&lt;form&gt;`元素...

    jQuery实现动态给table赋值的方法示例

    &lt;table class="layui-table" lay-skin="line" id="datas"&gt; &lt;colgroup&gt; &lt;col width="150"&gt; &lt;col width="200"&gt; &lt;col&gt; &lt;/colgroup&gt; &lt;thead&gt; &lt;tr&gt; &lt;th&gt;昵称&lt;/th&gt; &lt;th&gt;加入时间&lt;/th&gt; &lt;th&gt;签名&lt;/th&gt; &lt;/tr&gt; &lt;/...

    HTML table的使用

    同时，`&lt;tbody&gt;`和`&lt;tfoot&gt;`可以分别用于包裹主体数据和页脚数据。例如： ```html &lt;table&gt; &lt;caption&gt;员工信息表&lt;/caption&gt; &lt;colgroup&gt; &lt;col style="width: 200px;"&gt; &lt;col style="width: 100px;"&gt; &lt;col&gt; &lt;/...

    bootstrap表格固定表头并且tbody部分添加滚动条

    一个基本的Bootstrap表格由`&lt;table&gt;`标签开启，包含`&lt;thead&gt;`、`&lt;tbody&gt;`和`&lt;tfoot&gt;`等部分。`&lt;thead&gt;`用于定义表格的表头，`&lt;tbody&gt;`则包含表格的主要内容，`&lt;tfoot&gt;`则常用来显示总计或统计信息。 要实现表头固定...

    table示例代码

    在这个"table示例代码"中，我们将深入探讨`&lt;table&gt;`标签及其相关的属性和子元素。 首先，让我们了解`&lt;table&gt;`的基本结构。一个简单的表格由以下几个部分组成： 1. `&lt;table&gt;`：这是表格的根元素，所有其他与表格...

    JSP+Struts+JSTL+EL新闻发布系统jsp

    &lt;TD vAlign=top background=/images/bg_1.jpg colSpan=10&gt; &lt;TABLE cellSpacing=3 cellPadding=0 width="100%" border=0&gt;&lt;TBODY&gt; &lt;TR&gt; &lt;TD width="95%" height=1216&gt; &lt;TABLE cellSpacing=0 cellPadding=0 width=...

    table控件以及用法

    HTML的`&lt;table&gt;`标签支持`&lt;thead&gt;`（表头）、`&lt;tbody&gt;`（主体）、`&lt;tfoot&gt;`（页脚）、`&lt;tr&gt;`（行）、`&lt;th&gt;`（表头单元格）和`&lt;td&gt;`（数据单元格）等子元素。通过这些元素，我们可以构建出基本的表格结构。例如： ``...

    bootstrap集成table样式的总结

    在HTML中，`&lt;thead&gt;`用于定义表格的头部，`&lt;tbody&gt;`用于定义表格的主体。`&lt;th&gt;`元素用于创建表头单元格，`&lt;td&gt;`元素用于创建普通数据单元格： ```html &lt;table class="table"&gt; &lt;thead&gt; &lt;tr&gt; &lt;th&gt;姓名&lt;/th&gt; &lt;th&gt;...

    JavaScript Table排序

    表头通常位于`&lt;thead&gt;`部分，而数据行在`&lt;tbody&gt;`中。例如： ```html &lt;table&gt; &lt;thead&gt; &lt;tr&gt; &lt;th&gt;姓名&lt;/th&gt; &lt;th&gt;年龄&lt;/th&gt; &lt;th&gt;城市&lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td&gt;张三&lt;/td&gt; &lt;td&gt;25&lt;/td&gt; &lt;td&gt;...

    D3.JS 基于javascript的图表展示库<四>----基本元素选择与Table

    2. **创建表格结构**：接着，使用`append()`方法创建表格的基本结构，包括`&lt;table&gt;`、`&lt;thead&gt;`、`&lt;tbody&gt;`等元素。在`&lt;thead&gt;`中，可以创建表头`&lt;th&gt;`来表示数据列的名称。 3. **创建行和单元格**：在`&lt;tbody&gt;`内...

    第6章 表格元素.pdf

    使用&lt;tbody&gt;元素可以将表格中的主体内容部分包裹起来，有助于CSS和JavaScript的控制。 示例代码如下： ```html &lt;table&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td&gt;张三&lt;/td&gt; &lt;td&gt;男&lt;/td&gt; &lt;td&gt;未婚&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;李四&lt;/td&gt; ...

    2022年HTML相关知识点表格标签(1).pptx

    在 HTML 中，表格的建立将运用 `&lt;table&gt;`、`&lt;tr&gt;`、`&lt;th&gt;`、`&lt;td&gt;` 四个标签完成。其中，`&lt;table&gt;` 标签用于定义一个表格元素，一个表格元素，是由数个横行（`&lt;tr&gt;`）、单元格（`&lt;td&gt;`) 与表头单元格（`&lt;th&gt;`) 子...

    HTML02基础总结.md

    - **`&lt;tr&gt;`**：定义一行，需嵌套在`&lt;table&gt;`标签内。 - **`&lt;td&gt;`**：定义一个数据单元格，嵌套在`&lt;tr&gt;`内。 - **`td`**：表示表格数据（Table Data）。 ##### 表头单元格 表头单元格通常位于表格的第一行或第一列，...

    PHP、web前端开发-内容排版.pptx

    表格在HTML中由`&lt;table&gt;`、`&lt;thead&gt;`、`&lt;tbody&gt;`、`&lt;tr&gt;`、`&lt;th&gt;`和`&lt;td&gt;`等标签构成。`&lt;table&gt;`定义了一个表格，`&lt;thead&gt;`包含表格的表头部分，`&lt;tbody&gt;`则是表格的主体部分，存放数据行。`&lt;tr&gt;`表示表格的一行，`...

    压缩文件

    在这个例子中，`&lt;table&gt;`是表格的容器，`&lt;tr&gt;`定义了表格的行，而`&lt;th&gt;`和`&lt;td&gt;`分别表示表头和数据单元格。如果需要合并单元格，可以使用`colspan`和`rowspan`属性，例如： ```html &lt;tr&gt; &lt;td colspan="2"&gt;合并...

    jQuery动态添加table

    "&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;列1&lt;/th&gt;&lt;th&gt;列2&lt;/th&gt;&lt;/th&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;数据1&lt;/td&gt;&lt;td&gt;数据2&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;" ); ``` 如果你已经有一些数据存储在数组中，可以遍历数组并使用`append()`逐行添加...

    HTML对于表格的编写

    在HTML中，我们使用`&lt;table&gt;`元素来创建表格，它由一系列相关的行`&lt;tr&gt;`、列`&lt;td&gt;`（或`&lt;th&gt;`表头单元格）组成。以下是对HTML表格的详细说明： 1. **创建表格的基本结构** 要创建一个基本的表格，我们需要定义`...

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