Javascript 如何使用JS访问元素的属性?

Javascript 如何使用JS访问元素的属性?,javascript,html,css,Javascript,Html,Css,如何使用JS访问元素的属性?我尝试了(示例)element.style.width。我只需要数字值,我的意思是50像素而不是50像素。元素。offsetWidth会将宽度作为数字值提供给您 或者,您可以使用element.style.width并使用 Number.parseInt("50px") 或者更快的按位版本 ~~("50px".replace("px", "")) element.offsetWidth将以数值形式提供宽度 或者,您可以使用element.style.width并使

如何使用JS访问元素的属性?我尝试了(示例)
element.style.width
。我只需要数字值,我的意思是50像素而不是50像素。

元素。offsetWidth会将宽度作为数字值提供给您

或者,您可以使用element.style.width并使用

Number.parseInt("50px")
或者更快的按位版本

~~("50px".replace("px", ""))

element.offsetWidth将以数值形式提供宽度

或者,您可以使用element.style.width并使用

Number.parseInt("50px")
或者更快的按位版本

~~("50px".replace("px", ""))

使用
window.getComputedStyle(元素)。宽度
使用
window.getComputedStyle(元素)。宽度
以这种方式

let theD=document.getElementById('theDiv');
theD.innerHTML=theD.offsetWidth
#theDiv{
宽度:50px;
高度:50px;
背景颜色:珊瑚;
}
这样

let theD=document.getElementById('theDiv');
theD.innerHTML=theD.offsetWidth
#theDiv{
宽度:50px;
高度:50px;
背景颜色:珊瑚;
}

我用了沙农的答案。因为我的代码是最好的解决方案。我使用了Shanon的答案。因为我的代码是最好的解决方案。