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

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}`;
});

你可能感兴趣的:(元素的高度根据宽度动态设置)