javascript - 使用 XML HttpRequest 更新 innerHTML 后元素高度不会改变
问题描述
下面的问题应该如何解决?
通过 XMLHttpRequest 更新 innerHTML 后,div 内容发生变化,但高度没有变化。
这是主文件:
<html>
<head>
<script>
function loadpage()
{
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function()
{
if (this.readyState == 4 && this.status == 200)
{
document.getElementById("mydiv").innerHTML = this.responseText;
}
}
xhttp.open("GET", "page.html", true);
xhttp.send();
document.title = document.getElementById("mydiv").clientHeight;
}
</script>
</head>
<body>
<div id="mydiv" onclick="loadpage()">hello</div>
</body>
</html>
这是文件 page.html
<html>
<body>
1<br>
2<br>
3<br>
4<br>
5<br>
6<br>
7<br>
8<br>
9<br>
10<br>
</body>
</html>
解决方案
使用“.innerHTML”后,您可能必须像这样强制重置高度:
document.getElementById("mydiv").style.height = ""
推荐阅读
- android - 在 Android 中实现切片
- java - 如何合并/聚合两个具有 List 的 java 对象
作为一名成员? - php - 为什么=!似乎是 php 中的合法条件?
- python - 如何使用在 python3.5.1 上运行的自定义包。我想在 python2.7 上运行的项目中使用
- encryption - AES 中的密钥验证
- chatbot - 将新词识别为 rasa nlu 中的意图
- php - 在网站/Web 应用程序中随处使用相同数组的正确方法
- spotfire - 在 spotfire 中自动绘制图表上的线条
- java - 用于 SOAP 消息的 Spring Cloud Gateway RouteLocator
- .net - 在数据库更新期间更改环境