为什么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

因为表格在浏览器中解析时会在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

上面打代码看不到，请问this对应的是哪个标签呢？

你是怎么确认this.parentnode.parentnode;能获取到……这段内容呢？

您好，我是有问必答小助手，您的问题已经有小伙伴帮您解答，感谢您对有问必答的支持与关注！
PS：问答VIP年卡 【限时加赠：IT技术图书免费领】，了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632