获得计算高度 – Javascript – 不是jQuery
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了获得计算高度 – Javascript – 不是jQuery,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1623字,纯文字阅读大概需要3分钟。
内容图文
![获得计算高度 – Javascript – 不是jQuery](/upload/InfoBanner/zyjiaocheng/817/efb25bdc22284f5fbc846a2ffc7e0237.jpg)
我有两个div并排设置为高度auto.我希望它们具有相同的高度,所以我将它们组合成阵列的成员.
我通过阵列递归并将最高的那些设置为最高的高度.问题是我试图让COMPUTED高度导致错误值的一切.
我尝试过以下方法:
(els[x].currentStyle) ? h=els[x].currentStyle.height : h=window.getComputedStyle(els[x],null).height;
h = el.clientHeight || el.offsetHeight || el.scrollHeight;
这两个都产生640 px’ish,而在我的特定显示中计算的是751.8.
有可能我可以用来获得正确的高度.就像我可能获得的数字是标准尺寸的屏幕(如960像素高等),然后是窗口大小的倍数?
解决方法:
我已经很好地利用了我提出的这个小功能
function getH(id)
{
return document.getElementById(id).offsetHeight;
}
// I have a styles.js file where this function feels right at home. Access this function from anywhere.
这将返回给予函数的任何给定元素的高度(通过它的ID).所以现在我们是1/3.
然后使用Math.max()函数获取最大元素的高度.
var maxH = Math.max(getH("ID1"),getH("ID2"));
这是2/3,YAY – 现在将元素高度设置为相同.
var x = document.getElementById("ID1");
var y = document.getElementById("ID2");
x.style.height = maxH +"px";
y.style.height = maxH +"px"; //Remember the +"px" has to be added as a string, thats the reason for the "".
DONE! – 现在把它们放在一起
我会想象这样的事情
function setElementHeight()
{
var maxH = Math.max(getH("ID1"),getH("ID2"));
var x = document.getElementById("ID1");
var y = doc...("ID2");
x.style.height = maxH +"px";
y.style.height = maxH +"px";
}
// Don't forget to include the first function in you'r .js file
这将把两个ID设置为相同的高度,高度将等于最高.这就是你想要的,不是吗?
– 编辑 –
如果我是你,我会扔掉阵列.只需拥有2个DIV,每个DIV都有一个唯一的ID,并在此基础上使它们同样高大.
>莫尔
内容总结
以上是互联网集市为您收集整理的获得计算高度 – Javascript – 不是jQuery全部内容,希望文章能够帮你解决获得计算高度 – Javascript – 不是jQuery所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。