Javascript 如何基于一组动态图像设置div宽度？

我有一组15幅图像，它们是水平排列的。根据视口大小，它们的大小完全是动态的

为了将页面扩展到100%以上，我使用了一个DIV，它需要定期更新15幅图像的宽度+固定数量

我对javascript相当陌生，但我环顾四周，能够编写一个简单的脚本并制作一个测试页面

更新，以下是测试页面的完整代码，我无法使用：

它无法在脚本末尾同时使用和不使用+px

不管出于什么原因，它根本不起作用。有人能帮我引路吗？我是新来的。如果有帮助的话，我已经用另一个拷贝和粘贴脚本安装了jquery。

试试这个：

var img = document.getElementById('#1');  
var w1 = img.clientWidth; 
var img = document.getElementById('#2');  
var w2 = img.clientWidth; 

d.style.width = (w1 + w2 + 400) + "px";

var img = document.getElementById('1');  
var w1 = parseInt(img.clientWidth); 
var img = document.getElementById('2');  
var w2 = parseInt(img.clientWidth); 

d.style.width= (w1 + w2 + 400) + "px";

试试这个：

var img = document.getElementById('#1');  
var w1 = img.clientWidth; 
var img = document.getElementById('#2');  
var w2 = img.clientWidth; 

d.style.width = (w1 + w2 + 400) + "px";

var img = document.getElementById('1');  
var w1 = parseInt(img.clientWidth); 
var img = document.getElementById('2');  
var w2 = parseInt(img.clientWidth); 

d.style.width= (w1 + w2 + 400) + "px";

---

我认为你剧本的最后一行：

d.style.width="w1 + w2 + 400";

不需要在引号中，例如：

d.style.width= w1 + w2 + 400;

关于动态更新宽度，您确实需要将此脚本附加到浏览器的调整大小事件来处理它。即：

window.onresize = function(event) {
    //your code here
}

---

w1+w2+400等于w1+w2+400，而不是w1+w2+400。@Mr.失望，你的刻痕很适合你的评论：-什么时候可以包含这个字符？请编写正确的HTML。我在脚本方面取得了一些成功，但出于某种原因，它只获取最后一幅图像的维度，并将所有变量设置为相等。怎么了？