無法獲取div樣式的寬度或高度

Question

我不知道為什么，但是我無法設置畫布的寬度和高度，也不知道我在做什么錯。

我創建這樣的頁面：

//create div
var d = document.createElement('div'); 
d.id = 'G';
d.className = 'GameOuput';  
document.getElementById('E').appendChild(d);    

var i = 1;
var c = document.createElement('canvas');
    c.id = 'layer' + i;
    c.className = 'c';
    c.style['z-index'] = i;

    document.getElementById('G').appendChild(c);  

    console.log(document.getElementById('G').style.width);  
    c.width = document.getElementById('G').style.width;
    c.height = document.getElementById('G').style.height; 

畫布顯示：

<canvas id="layer1" class="c" style="z-index: 1;" width="0" height="0"></canvas>

console.log(document.getElementById('G').style.width); =空白

我在這里做錯了什么？

Answer 1

嘗試：

document.getElementById('G').offsetWidth;

通常，元素的offsetWidth是一個度量，其中包括元素邊框，元素水平填充，元素垂直滾動條（如果存在，如果呈現）和元素CSS寬度。