html表格的高度是1000px隐藏700px，显示的300px的高度，动态获取表格显示部分的js原生态代码

HTML表格的高度设置为1000px，如果需要隐藏其中700px，只显示300px，可以使用CSS的`overflow`属性结合JavaScript来实现。首先，通过CSS将超出的部分隐藏：

<style>
  table {
    height: 1000px;
    overflow: auto; /* 当内容超过高度时启用滚动 */
  }
</style>

然后，如果你想要通过JavaScript动态计算并显示实际可见的行数，你可以这样做：

<table id="myTable">
  <!-- 表格内容 -->
</table>

<script>
  // 获取表格元素
  const table = document.getElementById('myTable');
  
  // 计算可视区的总高度
  let visibleHeight = table.offsetHeight;

  if (window.innerHeight > table.scrollHeight) { 
    // 如果窗口高度大于表格总高度，则滚动条存在
    visibleHeight = window.innerHeight;
  }

  // 获取实际显示的行数
  const rowsToDisplay = Math.ceil(visibleHeight / table.rows[0].clientHeight);

  // 遍历表格，只显示前rowsToDisplay行
  for (let i = 0; i < rowsToDisplay; i++) {
    table.rows[i].style.display = 'block';
  }
  
  // 其他相关行数改变后的处理逻辑...
</script>