个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
28
4
我有一个在 firefox 中工作的函数:
function widthimg() {
var wheight = document.getElementById('recent-img1');
console.log(wheight.clientHeight);
document.getElementById('recent-img2').style.height = wheight.clientHeight +'px';
}
但不是在 chrome 中，chrome 根本不显示图像(高度为 0 的图像)。
奇怪的是，两个元素都是图像:
<div class="col-lg-6 col-sm-6 margin-top-60 zoominmouse">
{{HTML::image('images/recentprojects1.png','recent',array('class' => 'img-responsive img-center image-popup-vertical-fit', 'id' => 'recent-img1')) }}
</div>
<div class="col-lg-6 col-sm-6 margin-top-60 zoominmouse" id="test">
{{ HTML::image('images/pricing1.png','recent',array('class' => 'img-responsive img-center image-popup-vertical-fit', 'id' => 'recent-img2')) }}
</div>
因此，当 firefox 读出 wheight.clientHeight 的属性时，我想我试一试:
function widthimg() {
var wheight = document.getElementById('recent-img1');
console.log(wheight.clientHeight);
document.getElementById('recent-img2').clientHeight = wheight.clientHeight;
}
因为我现在将 clientHeight 传递给 clientHeight，这对我来说很有意义，但这在两种浏览器中都不起作用。
所以我的 3 个问题是:
最佳答案
可以这样使用:
function widthimg() {
var wheight = document.getElementById('recent-img1');
console.log(wheight.clientHeight);
document.getElementById('recent-img2').clientHeight = wheight.clientHeight;
console.log(document.getElementById('recent-img2').clientHeight);
}
<body onload="widthimg()">
// rest of your html
</body>
关于javascript - 图片的奇怪 clientHeight 行为，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27263212/
28
4
0
document.documentElement.clientHeight 和 document.body.clientHeight 有什么区别？返回值在所有 Web 浏览器中是否一致，或者每个浏览器
console.log(document.body.clientHeight); 主要问题是我正在尝试调整图像大小以适应浏览器更改为的任何大小。因此，使用 .clientHeight 属性我可以检测大
我正在使用 JavaScript 动态创建 DOM 元素。我需要获得一个 div 的高度来做下滑动画。但是当我使用 clientHeight 时，它总是返回 0。offsetHeight 也做同样的事
我目前正在尝试修改“滑入” 的 Javascript 函数。脚本本身要求您定义 div 的高度，因此它在动态填充的 中几乎没有用。我在 javascript 的 clientHeight 属性上找到了
我想在 style.display='none;' 时获取 DIV 元素(用于在光标位置显示弹出菜单)的尺寸，但是 DIV 的尺寸总是返回 0。我似乎能够获得尺寸的唯一方法是使 DIV style.d
我的 Delphi 程序可以正常构建和编译，但是一旦在 Debug模式下运行，我就会收到以下错误； Property ClientHeight does Not Exist 查看所有 .DFM 文件源
我不得不创建一个快速但肮脏的展开/折叠功能来复制不需要使用 jQuery 的现有行为，因为现有方法使用 jQuery 并且存在一些需要大量调试才能解决的冲突。 最初我决定使用纯 CSS，但想不出一种方
渲染的 DOM 树是 {Logo}
我正在尝试使用 javascript 获取 div 的高度。我在 stackoverflow 上看到了很多这个问题，并且看到了两个答案。有人说是 clientHeight，有人说是 offsetHei
我有一个在 firefox 中工作的函数: function widthimg() { var wheight = document.getElementById('recent
属性 document.body.clientHeight 和 document.body.clientWidth 在 IE7、IE8 和 Firefox 上返回不同的值: IE 8: documen
我想要一种在多个浏览器之间获取可用窗口大小的方法，无需使用 jQuery/Mootools/任何第三方库依赖项。我对此做了一些研究，但我遇到的一半事情都在谈论 Netscape Navigator..
这两个是同一个东西吗？ 因为它们似乎从我的测试中返回相同的值。 我正在尝试优化一些代码以使用 native js 属性... 最佳答案 .height()不包括内边距、边距或边框。 clientHei
我正在尝试获取 svg 元素的 clientWidth 和 clientHeight。基于本教程https://bl.ocks.org/curran/3a68b0c81991e2e94b19 ，我对我
我正在学习 JavaScript 并创建了一个倒数计时器 HTML 页面，其中 javascript 代码似乎返回错误 clientHeight的 body 。我想显示我的倒计时 HTML 即使重新调
我已将我的浏览器(FF 和 Chrome)最大化。 document.body.clientHeight 报告 128。这似乎太小了。可视区域至少为960px，我用屏幕尺测量的。我没有使用 iFram
我试图在滚动页面时获取客户端高度: @HostListener('window:scroll', ['$event']) onScrollEvent($event) { if ($event.s
在 javascript 函数中，我使用 document.body.clientHeight 来获取正文的高度。现在，根据 IE8 所处的模式(即怪癖或标准)，该值会有所不同。 例子奇怪的是，doc
我尝试通过此代码检查属性 clientHeight: document.documentElement != null && document.documentElement.hasOwnProper
我有一段 JS 代码，判断是否有垂直滚动条，并将 CSS 类应用于元素。没什么大不了的。令我困惑的是，它似乎在做与我理解它应该做的相反的事情。这不是问题，除非它是一个错误并且在未来被修复。 代码: i
我是一名优秀的程序员,十分优秀！