获取元素的宽度和高度，并使其成为 javascript 变量答案

【问题标题】：Get the width and height of an element, and making it a javascript variable获取元素的宽度和高度，并使其成为 javascript 变量
【发布时间】：2020-04-24 20:17:29
【问题描述】：

我有一个画布雪景脚本，其宽度和高度变量设置为窗口 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);

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

【问题讨论】：

标签： javascript

【解决方案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;

【讨论】：