代码收藏家 2021-09-29 23:22 采纳率: 81.3%
浏览 59
已结题

为什么tr的父元素不是table

img


报错提示：Uncaught DOMException: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.
at HTMLAnchorElement.allA..onclick

  • 写回答

4条回答 默认 最新

  • CSDN专家-天际的海浪 2021-09-29 23:27
    关注

    因为表格在浏览器中解析时会在table与tr之间插入一个tbody元素
    所以tr的父元素是tbody元素
    比如这个代码

    <!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title> 页面名称 </title>
</head>
<body>

<table id="tab">
    <tr>
        <td>a</td>
    </tr>
    <tr>
        <td>b</td>
    </tr>
    <tr>
        <td>c</td>
    </tr>
</table>

</body>
</html>

    浏览器中解析后会多出tbody元素

    img

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题？

  • jquery查找父元素、子元素(个人经验总结)
    2020-10-26 01:58
    在JavaScript和jQuery中，查找和操作DOM中的父...总之，掌握jQuery中的父元素和子元素查找方法，是提升前端开发技能的重要步骤。通过实践和实验，你可以更好地理解和运用这些工具，从而编写出更加高效和优雅的代码。
  • css匹配选择属于其父元素的第N个子元素的方法
    2020-12-10 04:59
    `nth-child(n)`是一个强大的选择器，它允许我们选择属于其父元素的第N个子元素。这个功能在设计复杂的网页布局时非常有用，因为它可以精确地定位到我们想要操作的元素。 在提供的例子中，`<style type="text/css"> ...
  • js 操作table之 移动TR位置 兼容FF 跟 IE
    2020-10-29 15:05
    - 代码中通过获取TR元素的父节点，即TR元素的表格容器（TABLE），来实现对TR的操作。 2. 跨浏览器兼容性问题： - 代码段中使用了`document.all`，这是一个在IE浏览器中用以判断是否处于兼容模式的属性。当`...
  • 在table表格中如何给tr的每一个子元素加haver效果
    2024-05-29 11:34
    天香自然，地上红豆的博客 效果图： 核心代码： tbody tr :hover { background-color: #d5d5d5; } 改变子元素 tbody tr:hover { background-color: ... } 改变父元素 两段代码看起来一样，其实不一样，其中差了一个空格字符 希望可以帮到大家
  • 【前端修炼场】— table 表格的构建
    2023-01-10 23:35
    一碗黄豆酱的博客 本篇文章我将带领诸位学习如何在页面中添加 table 表格。我们往往通过表格的形式去更好的展示我们所需要展示的内容。话不多说，诸君准备好了么？打开 VSCode 和我一起操作吧！很开心与你们相遇，相遇即是缘，祝愿...
  • 前端学习笔记之——表格元素
    2021-06-18 20:28
    前丨尘忆·梦的博客 允许具备的父元素 任何可以包含流元素的元素 局部属性 border 内容 caption、colgroup、thead、tbody、tfoot、tr、th 和 td 元素 标签用法 开始标签和结束标签 习惯样式 table { display: table; border-...
  • layui table设置某一行的字体颜色方法
    2020-10-16 11:14
    在上述示例中，我们假设表格的div父元素的ID是`tabl_panel_id1`，我们要改变的是第一行（索引为0）的字体颜色为`#2c08b1`。调用完函数之后，你将看到第一行的颜色已经变成你想要设置的颜色了。 以上就是利用...
  • jQuery 父元素选择器 parent() 和 parents()
    2019-07-27 00:35
    黄河爱浪的博客 jQuery的父元素选择器小编很少使用，但却看到不少web开发者们经常使用。 小编个人是不太推荐使用父元素选择器的。因为如果是列表的情况下，在循环时可以将当前的索引绑定给需要点击的按钮，通过索引查找元素。 本...
  • web前端学习（十八）——CSS3表格属性（table）的相关设置
    2021-01-27 16:25
    贝尔摩德苦艾酒的博客 web前端学习（十八）——CSS3表格属性（table）的相关设置
  • bootstrap-table+treegrid实现树形表格
    2020-10-16 16:06
    在上述数据中，`pid`为0表示该节点是根节点，`pid`为其他值表示该节点有父节点，树形结构由此建立。 接下来，在HTML文档中，我们需要设置一个表格： ```html <table id="table" class="table"> <tr> <th>id ...
  • JS选中checkbox后获取table内一行TD所有数据的方法
    2020-10-24 00:16
    - 获取复选框节点的父节点的父节点，即复选框所在行的行元素<tr>。 - 使用tr.cells属性获取该行内所有单元格组成的数组。 - 初始化一个字符串变量str，并在循环中添加单元格内容。在这里，循环遍历了数组vartds中...
  • table中为tr设置border
    2020-04-15 15:24
    风雨飘飘飘啊飘的博客 在web开发过程中，我们有时候需要给tr一整行添加border，需要展示如下图的效果： ...因为table中的tr并不是一个单一的边框，这个时候我们需要给table设置border-collapse属性，将一行表格设置成...
  • 前端从零开始学习笔记（七）-----table表格的使用
    2022-01-05 17:40
    小不言啊的博客 其中tr表示行，td表示这一行的单元格的内容，例如说一个tr包裹了3个td,就是指一行之内有三个单元格。 表格<table>的属性： 在table标签中可以定义以上这些属性的内容： <table border="1" ...
  • add-or-delete-table-.rar_Table
    2022-09-23 11:21
    所以，我们可以在表格的父元素（如tbody）上绑定一个点击事件，然后通过事件对象的`target`属性判断用户点击的是哪一行的删除按钮。如果符合删除条件（在这个案例中，即该行是新添加的），则调用`removeRow(row)`...
  • table表格元素：隔行添加背景色，合并单元格
    2023-12-10 17:10
    Seike_113的博客 将边框会合并为一个单线的边框：border-collapse: collapse;合并后算一个格子，要注意合并之后样式的选择是根据代码的顺序显示的。colspan：列合并；rowspan：行合并。隔行添加背景色：可以借助伪类选择器。，匹配一...
  • 前端学习-day7-表格
    2024-10-28 18:09
    学前端来搬砖的博客 1.创建表格，table里只放tr，tr里只放td，td内自由放内容。表格包含：行、列、单元格。基本语法：用于td，Colspan=“所要合并单元格的。一、table表格的基本结构和属性。一、table表格的基本结构和属性。单次只支持...
  • 前端面经-CSS篇(三）---伪元素和伪类选择器
    2025-04-06 19:02
    小杨升级打怪中的博客 伪元素是 CSS 创建的“假元素”，它不是 HTML 中真实存在的标签，是一种由 CSS 创建出来的“虚拟元素节点”，它并不真实存在于 HTML 的 DOM 结构中，但浏览器在渲染时会像处理普通元素一样，把它插入进渲染树中。...
  • 前端面试八股文（超详细）
    2022-03-06 17:42
    小泽今天早睡的博客 JavaScript \1. Promise 的理解 Promise 是一种为了避免回调地狱的异步解决...回调地狱就是为是实现代码顺序执行而出现的一种操作，它会造成我们的代码可读性非常差，后期不好维护。 一、Promise是什么？ Promise是最早
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 4月10日
  • 已采纳回答 4月2日
  • 创建了问题 9月29日