jquery - ClientWidth 和 ClientHeight 未定义

Question

我正在尝试获取 svg 元素的 clientWidth 和 clientHeight。基于本教程https://bl.ocks.org/curran/3a68b0c81991e2e94b19 ，我对我的代码进行了这样的更改。

let w = $('.graph');
let clientWidth = w.clientWidth;
let clientHeight = w.clientHeight;
console.log('CW is ' + clientWidth);
console.log('CH is ' + clientHeight);

当我调试时，我有一个 clientWidth 和 clientHeight 值。我不确定为什么我会得到一个未定义的值。有人可以帮助我为什么会发生这种情况吗？ Dev tools result

Answer 1

$('.graph') 返回一个 jQuery 集合，该集合没有 clientWidth 属性或 clientWidth () 方法。

我认为 jQuery 没有与 clientWidth 和 clientHeight 等效的方法。但假设您只有一个图形元素，您可以通过使用 [0] 直接访问 DOM 节点来获取这些属性:

let w = $('.graph')[0];  //added [0]
let clientWidth = w.clientWidth;
let clientHeight = w.clientHeight;
console.log('CW is ' + clientWidth);
console.log('CH is ' + clientHeight);