可以在 Javascript 中选择属性 "height" 吗?
It is possible to pick an attribute "height" in Javascript?
我只想在 CSS 中设置的图像中使用高度,然后在 JS 中捕获此渐变并将宽度缩放到高度 x2.25。
可能吗?
您可能想要设置样式或 set attribute
本例我直接设置样式
const imgEl = document.querySelector('img')
console.log('imgEl height:', imgEl.getAttribute('height'))
const divEl = document.querySelector('div#d1')
divEl.style.width = String(+imgEl.getAttribute('height') * 2.25) + 'px'
#d1, #d2 {
border-style: solid;
margin: 10px;
height: 100px;
width: 100px;
}
<img height="150" width="150" src="https://picsum.photos/150/150" />
<div id="d1">div1</div>
<br/>
<div id="d2">div2</div>
我只想在 CSS 中设置的图像中使用高度,然后在 JS 中捕获此渐变并将宽度缩放到高度 x2.25。
可能吗?
您可能想要设置样式或 set attribute
本例我直接设置样式
const imgEl = document.querySelector('img')
console.log('imgEl height:', imgEl.getAttribute('height'))
const divEl = document.querySelector('div#d1')
divEl.style.width = String(+imgEl.getAttribute('height') * 2.25) + 'px'
#d1, #d2 {
border-style: solid;
margin: 10px;
height: 100px;
width: 100px;
}
<img height="150" width="150" src="https://picsum.photos/150/150" />
<div id="d1">div1</div>
<br/>
<div id="d2">div2</div>