Javascript JS：找到所有图像的宽度并求和，然后将此和应用于<；p>；要素

我有一个图形，其中包含几个图像。这些图像的数量不是固定的，它们是通过CMS动态添加的。所有图像的高度相同，但宽度不同。我需要为这个提供width=“…px”，以便与jScrollPane一起使用。我无法将“宽度”参数添加到img标记。 我需要的是计算此中每个图像的宽度，总结并使用此总和作为宽度

<p id="photo" style="width: 3000px">
<img src="http://www.domain.com/images/image01.jpg" />
<img src="http://www.domain.com/images/image02.jpg" />
<img src="http://www.domain.com/images/image03.jpg" />
</p>

因此，我需要计算image01.jpg、image02.jpg和image03.jpg的宽度，然后将这些宽度的总和应用于style=“width:px”

---

我将非常感谢您对这件事的帮助。非常感谢

加载文档后，您可以使用每个图像的宽度或偏移宽度属性确定宽度，并根据结果调整段落大小

如果您不希望在计算之前显示图像，我认为可以为您的段落提供样式可见性：在调整大小之前隐藏

但是，根据您想要实现的目标，我建议您在段落中使用空白：nowrap的样式，而不是指定特定的宽度。

类似这样的样式

var P = document.getElementById('photo');
var Imgs = P.getElementsByTagName('img');
var w = 0;
for ( var i = 0; i < Imgs.length; i++ ){
    w += parseInt(Imgs[i].offsetWidth);
}
/* Here, w is your total width */

var P=document.getElementById（'photo'）；
var Imgs=P.getElementsByTagName（'img'）；
var w=0；
对于（变量i=0；i

在加载图像之前，我不需要隐藏图像，如果它们在加载过程中可见就可以了。我不知道如何遍历它们并总结它们的宽度，然后动态地将这个和值分配给P。谢谢！非常感谢，这就是我需要的！