便利多个盒子,根据索引通过函数返回每个盒子的定位
时间: 2024-10-15 09:17:46 浏览: 13
如果你想通过函数处理多个盒子并返回它们的定位信息(比如宽度、高度和左上角坐标),你可以创建一个函数,接收一个数组,其中包含每个盒子的信息,例如:
```javascript
function getPosition(indexArray, boxStyles) {
return indexArray.map((index) => {
const box = boxStyles[index];
const position = {
left: box.left + 'px', // 计算出的左边距
top: box.top + 'px', // 计算出的上边距
width: box.width + 'px', // 盒子宽度
height: box.height + 'px' // 盒子高度
};
return position;
});
}
```
这里假设`boxStyles`是一个对象数组,每个对象代表一个盒子,包含了`left`, `top`, `width`, `height`等属性。这个`getPosition`函数接受一个索引数组`indexArray`,根据索引从`boxStyles`中提取出相应的盒子,然后计算并返回它们的定位信息。
例如,如果`indexArray`是 `[0, 2]`,并且`boxStyles`为`[{left: 0, top: 0, ...}, {left: 100, top: 0, ...}, ...]`,那么函数将返回第一个盒子和第三个盒子的定位。
阅读全文