Question

我目前正在执行此操作，以存储每个项目的高度，以便稍后通过css访问它：

children[0].style.setProperty('--previousHeight', 0+'px');
children.forEach((child, i) => {
    if(i > 0 ){
        var height = children[i-1].offsetHeight;
        child.style.setProperty('--previousHeight', height+'px');
    }
})

我想把第一个项目更像是另一个。像

这样的东西

height = offsetHeight || 0;

但我不确定如何以易于理解的方式做到这一点

Answer 1

应该是：

children.forEach((child, i) => {
    var height = children[i-1] && children[i-1].offsetHeight || 0;
    child.style.setProperty('--previousHeight', height+'px');
})

如果您不熟悉：

var height = children[i-1] && children[i-1].offsetHeight || 0;

它给出的结果与：

相同

var height = children[i-1] ? children[i-1].offsetHeight : 0;

Answer 2

这应该是最快捷，最干净的方式。

<div id='myElement'>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
</diV>
<script>
    var children = document.getElementById('myElement').children;
    var h = children[0].offsetHeight;
    for(var i in children){
        if( i > 0 ){
            children[i].style['height'] = h;
            children[i].style.setProperty('--previousHeight', h);                
        }            
    }
</script>

Answer 3

这就是我最终做的事情：

    children.forEach((child, i) => {
        var height = 0 
        if(i > 0 ){
            var height = children[i-1].offsetHeight;
        }
        child.style.setProperty('--previousHeight', height+'px');
    })

循环数组并获取先前值时第一项的特例？

3 个答案: