获取元素的宽度和高度，并将其设置为javascript变量

我有一个画布雪花脚本，宽度和高度变量设置为window innerWidth和innerHeight。我需要使用class

。特色图像链接

，将变量更改为现有元素的宽度和高度

以下是我需要更改的部分现有代码：

var w,h;
w = canvas.width = window.innerWidth;
h = canvas.height = window.innerHeight;

及

---

在询问之前，我在谷歌上搜索了一下，但我能得到的只是如何更改宽度和高度，而不是将其设置为现有元素的宽度和高度。

首先，您可以使用

document.querySelector（“特色图像链接”）选择您的元素

然后您可以使用

.clientWidth

和

.clientHeight

访问其大小

因此，您可以：

var el=document.querySelector（“.featured image link”）；
var w，h；
w=canvas.width=el.clientWidth；
h=画布高度=标高高度；

function clientResize(ev){
    w = canvas.width = window.innerWidth;
    h = canvas.height = window.innerHeight;
};
window.addEventListener("resize", clientResize);