美文网首页
元素的高度根据宽度动态设置

元素的高度根据宽度动态设置

作者: 折木丶青梵 | 来源:发表于2019-03-18 20:06 被阅读0次

    occasionally我们只想设置图片的宽度,比方说宽度是一个百分比的时候。
    那这个时候想要高度也根据宽度动态变化,就可以使用以下方式设置其样式

    const imgs = document.querySelectorAll('.img');
    
    [].forEach.call(imgs, (img) => {
        // 利用判断是否支持currentStyle(是否为ie: 只有ie使用currentStyle)来通过不同方法获取style
        const finalStyle = img.currentStyle ? img.currentStyle : document.defaultView.getComputedStyle(img, null);
        img.style.height = `${finalStyle.width}`;
    });
    

    相关文章

      网友评论

          本文标题:元素的高度根据宽度动态设置

          本文链接:https://www.haomeiwen.com/subject/shtimqtx.html