如何将<Div>及其父级<Td>的height从75px修改为0px

嘿，我来帮你搞定这个修改高度的需求，这里有两种靠谱的方法，你可以根据自己的场景选择：

方法一：使用自定义CSS（推荐优先） #

修改样式优先用CSS，这是最直接高效的方式。因为原元素是内联样式，需要用!important来强制覆盖：

/* 定位目标div并设置高度为0px，保留原透明度（不需要可删除） */
#MSOPictureLibrarySlideshowWebPart_ctl00_ctl40_g_79ca5882_ef72_482a_9f70_94b4a8c6804e_text {
  height: 0px !important;
  opacity: 0.99;
}

/* 定位该div的直接父级td并设置高度为0px（需浏览器支持:has选择器，现代浏览器都支持） */
td:has(> div#MSOPictureLibrarySlideshowWebPart_ctl00_ctl40_g_79ca5882_ef72_482a_9f70_94b4a8c6804e_text) {
  height: 0px !important;
}

如果你的目标浏览器不支持:has选择器（比如旧版IE），可以直接用方法二的JS方案，兼容性更好。

方法二：使用自定义JavaScript #

如果需要动态修改（比如某些条件触发时），或者CSS覆盖有问题，就用JS来操作DOM：

// 确保DOM加载完成后执行代码，避免元素未加载导致找不到的问题
document.addEventListener('DOMContentLoaded', function() {
  // 通过ID找到目标div
  const targetDiv = document.getElementById('MSOPictureLibrarySlideshowWebPart_ctl00_ctl40_g_79ca5882_ef72_482a_9f70_94b4a8c6804e_text');
  
  if (targetDiv) {
    // 修改div的高度
    targetDiv.style.height = '0px';
    // 找到父级td并修改高度
    const parentTd = targetDiv.parentElement;
    if (parentTd && parentTd.tagName === 'TD') {
      parentTd.style.height = '0px';
    }
  }
});

内容的提问来源于stack exchange，提问作者John John