滑动tab栏如何获取点击不同tab栏，tab栏下面内容的的高度js

如果你的 Tab 栏下面有一些内容区域，你可以通过获取该区域的高度来动态计算一些样式或布局。在 JavaScript 中，你可以使用以下代码来获取内容区域的高度：

const tabList = document.querySelector('.tab-list');
const contentArea = document.querySelector('.content-area');
tabList.addEventListener('click', function(e) {
    const selectedTab = e.target;
    const selectedContent = contentArea.children[selectedTab.dataset.index];
    const selectedContentHeight = selectedContent.offsetHeight;
    // do something with the selectedContentHeight
});

这段代码假设你有一个包含 Tab 栏和内容区域的 HTML 页面，其中 Tab 栏的类名为 `tab-list`，内容区域的类名为 `content-area`，并且内容区域下面有多个子元素，分别对应不同的 Tab。当用户点击 Tab 栏上的某个 Tab 时，该元素会触发一个 `click` 事件，回调函数中的 `e` 参数代表该事件对象。你可以通过访问 `e.target` 属性来获取被点击的 Tab 元素对象，然后再访问 `dataset.index` 属性来获取该 Tab 对应的内容区域的索引。最后，你可以通过访问 `contentArea.children[selectedTab.dataset.index]` 属性来获取该内容区域的元素对象，然后再调用 `offsetHeight` 属性来获取高度。最终的 `selectedContentHeight` 变量将包含所选内容区域的高度，你可以在回调函数中进行一些处理，例如将高度用于动态计算其他元素的位置或大小。