Javascript 在“从另一个div单击”中设置div全高和全宽

Javascript 在“从另一个div单击”中设置div全高和全宽,javascript,html,css,Javascript,Html,Css,我正在根据菜单栏上的单击将html文件加载到内容div中。HTML包含5个表,但由于某些原因,div只显示第一个表的前5行,然后您需要一个滚动条来查看其余的表。我想在一个视图中查看所有的表格,如果信息超出屏幕范围,则只显示滚动条。任何建议都会有帮助。我曾尝试将div的宽度和高度设置为100%,但没有成功。当我单独查看HTML表时,它看起来就像我想要的那样 谢谢你的帮助 功能加载\u代码(){ document.getElementById(“内容”).innerHTML=''; } 函数加载\

我正在根据菜单栏上的单击将html文件加载到内容div中。HTML包含5个表,但由于某些原因,div只显示第一个表的前5行,然后您需要一个滚动条来查看其余的表。我想在一个视图中查看所有的表格,如果信息超出屏幕范围,则只显示滚动条。任何建议都会有帮助。我曾尝试将div的宽度和高度设置为100%,但没有成功。当我单独查看HTML表时,它看起来就像我想要的那样

谢谢你的帮助

功能加载\u代码(){
document.getElementById(“内容”).innerHTML='';
}
函数加载\u mrgsql(){
document.getElementById(“内容”).innerHTML='';
}

边栏
打开合并分析工作簿

合并分析统计

我的统计数字

合并分析跟踪 欢迎使用合并分析跟踪工具

环顾四周

结案代码 BFU 生父不详 DGC IV-D正当理由 DNO NCP死者 犯错误 输入错误的案例 对于 外国的 集成数字控制 监禁、收容、医疗 JNC 启动管辖权不合作 LCO 仅定位 LOC 失去联系 NCA 无当前订单/欠款
如果我正确理解了您的问题,您希望使对象具有完整高度,而不是显示滚动条,而不是相反

如果是这样,您应该能够执行以下操作:

function load_codes() {
  let elem = document.getElementById("content")
  elem.innerHTML = '<object type="text/html" data="codes2.html" ></object>';
  elem.onload = function(e) {
      elem.style.height = e.contentWindow.document.body.offsetHeight;
  }
}
功能加载\u代码(){
让elem=document.getElementById(“内容”)
elem.innerHTML='';
elem.onload=功能(e){
elem.style.height=e.contentWindow.document.body.offsetHeight;
}
}

那应该会得到你需要的。您可能需要执行额外的css来删除对象的边框。

请原谅我的无知,但这对我来说是一种新体验。我应该将其添加到当前函数中还是作为函数本身?实际上,是的,确实要将其添加到当前函数中。只是尝试在现有行之前和之后添加该行,但都不起作用(试图找出如何发布屏幕截图以显示问题所在)我将编辑我的示例,以包括我认为它应该是什么样子,以防我们不在同一页上。好的,刚刚完成(并修复了我的一个小错误)