有关table标签及其子元素的问题

最新推荐文章于 2023-04-04 12:00:00 发布

VIP文章「已注销」

最新推荐文章于 2023-04-04 12:00:00 发布

阅读量4.5k

点赞数 2

分类专栏： JavaScript html 文章标签： table tr tbody js

本文链接：https://blog.csdn.net/qq_41890424/article/details/89221675

版权

`<tr>`的子元素

在复习js的dom知识的时候发现了<tr>标签的问题
请看下面这段代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
</head>
<body>
    <table id="sheet">
        <tr id="row">
            <td>apple</td>
            <td>pear</td>
        </tr>
    </table>
    <script>
        let tr = document.getElementById("row");  // 获得tr元素
        let child = tr.firstChild;  // 获得tr元素的第一个子元素
        console.log(child.nodeName);
        console.log(child.innerText);
    </script>
</body>
</html>

console.log(child.nodeName)的结果为#text
console.log(child.innerText)的结果为undefined
解释：<tr>的第一个子元素为空白的纯文本元素

再看下面这段代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
</head&g

最低0.47元/天解锁文章

「已注销」

关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
1
评论
有关table标签及其子元素的问题

<tr>的子元素在复习js的dom知识的时候发现了<tr>标签的问题请看下面这段代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"></head><body> <table id="sheet"&...
复制链接

扫一扫