慕粉1471063963
2017-02-02 22:39
window.onload = function() {
//容器对象
var box = document.getElementById('xinxifang1');
//获得图片 NodeLest对象集合
var imgs = box.getElementsByTagName('img');
//单张图片的宽度
var imgwidth = imgs[0].offsetwidth;
//设置隐藏门体露出的宽度
var exposewidth = 60;
//设置容器总宽度
var boxwidth = imgwidth + (imgs.length - 1) * exposewidth;
box.style.width = boxwidth + 'px';
//设置每道门的初始位置
for (var i = 1, len = imgs.length; i < len; i++) {
imgs[i].style.left = imgwidth + exposewidth * (i - 1) + 'px';
}
};
60+'px';
width是style中的样式。写在行内
<div style="width: 100px;" id = "123"></div>
如果是设置id,直接box.id = "456"就行了。
不知道 设置容器总宽度的 style 是哪里冒出来的 ?
DOM探索之基础详解篇
98369 学习 · 259 问题
相似问题