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

【元素的高度根据宽度动态设置】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}`; });

    推荐阅读