如何移除Sports-Reference NBA排名组件顶部的Table标题？

开发者阿泽

2026-5-20

移除Sports-Reference NBA东部排名组件的"Table"标题

没问题，这个组件本身确实没提供直接隐藏那个多余标题的参数，但我们可以用前端的CSS或JavaScript轻松搞定，给你两种可行的方法：

方法1：用CSS直接隐藏

最简便的方式是添加自定义CSS来覆盖组件的样式，把那个标题藏起来。你可以把这段代码加到页面的样式表中，或者直接用<style>标签嵌入到HTML里：

/* 隐藏Sports-Reference排名组件的"Table"标题 */
.sports-reference-widget h2,
.sports-reference-widget .table-caption {
    display: none !important;
}

这里的!important是为了确保我们的样式优先级高于组件自带的样式，避免被覆盖。如果这个选择器不够精准，你可以打开浏览器开发者工具（按F12），找到那个标题元素，看看它的具体类名或标签，再调整选择器。

方法2：用JavaScript动态移除

如果CSS的方式因为DOM结构变化不生效，你可以等组件加载完成后，动态找到并移除那个标题元素：

// 延迟执行，确保组件已经加载完毕
setTimeout(() => {
    // 遍历组件内的标题元素，找到文本为"Table"的那个
    const allHeadings = document.querySelectorAll('.sports-reference-widget h2');
    for (const heading of allHeadings) {
        if (heading.textContent.trim() === 'Table') {
            heading.remove();
            break; // 找到后就停止遍历
        }
    }
}, 1000); // 1秒延迟可以根据实际加载速度调整，比如500毫秒也可能够

这个方法更灵活，就算组件的类名有小变动，只要标题文本还是"Table"就能生效。