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

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}`;
});
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。