在javascript中获取子元素的宽度？ Rails模板

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

如果图像是＆＃34;包装中的唯一内容＆＃34;除了＆＃34;内部＆＃34; div，这样的东西会起作用https://stackoverflow.com/a/842346/1960453

使用jQuery或altCognito函数来获取＆＃34;内部＆＃34;的兄弟的宽度。格