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

Question

我有一个 Canvas 雪脚本，其宽度和高度变量设置为窗口的innerWidth 和innerHeight。我需要使用 .featured-image-link 类将变量更改为现有元素的宽度和高度。

这是我需要更改的现有代码的一部分:

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

和

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

在问这里之前，我用谷歌搜索了这个问题，但我所能得到的只是如何更改宽度和高度，而不是将其设置为现有元素的宽度和高度。

Answer 1

首先，您可以使用 document.querySelector(".featured-image-link") 选择元素，然后可以使用 .clientWidth 和 访问其大小>.clientHeight.

所以你可以这样做:

var el = document.querySelector(".featured-image-link");
var w,h;
w = canvas.width = el.clientWidth;
h = canvas.height = el.clientHeight;