元素的高度根据宽度动态设置
【元素的高度根据宽度动态设置】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}`;
});
推荐阅读
- 热闹中的孤独
- JAVA(抽象类与接口的区别&重载与重写&内存泄漏)
- 放屁有这三个特征的,请注意啦!这说明你的身体毒素太多
- 一个人的旅行,三亚
- 布丽吉特,人生绝对的赢家
- 慢慢的美丽
- 尽力
- 一个小故事,我的思考。
- 家乡的那条小河
- 《真与假的困惑》???|《真与假的困惑》??? ——致良知是一种伟大的力量