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宽度。

无法获得div样式的宽度或高度

1 个答案: