在javascript中获得子元素的宽度?Rails模板

Get the width of a child element in javascript? Rails template

本文关键字:Rails 模板 元素 javascript      更新时间:2023-09-26

我试图找到一个子元素的宽度。我的模板是在rails:

 <div id="wrapper">
        <div id = "inner"></div>
        <%= image_tag(photo.file_name) %>
 </div>

我想在使用javascript的"内部"后获得图像的宽度。有什么好主意吗?

如果你想直接使用Javascript而不需要额外的库

img =document.getElementById('wrapper').getElementsByTagName('img');
 for(i=0;i<img.length;i++){
   console.log(img[i].clientWidth)
 }

如果图像是"wrapper"div中除了"inner"div之外的唯一内容,则类似这样的操作将起作用https://stackoverflow.com/a/842346/1960453

使用jQuery或altCognito的函数来获取"内部"div的兄弟div的宽度