javascript - 在javascript中获取子元素的宽度？导轨模板

Question

我正在尝试查找子元素的宽度。我的模板在rails中：

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

我想使用javascript在“内部”之后获取图像的宽度。关于如何解决这个问题的任何想法？

Answer 1

如果你想在没有额外库的情况下直接使用 Javascript

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

Answer 2

如果图像是除了“内部”div 之外的“包装器”div 中唯一的东西，那么这样的东西将起作用https://stackoverflow.com/a/842346/1960453

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