Style.length and Style.width are not working

Question

    console.log(document.getElementById("myCanvas").style.length);

I have this code in my program. It returns 0, despite the length of the canvas being 660. Does anyone know why?

Possible duplicate of [How do I get the width and height of a HTML5 canvas?](http://stackoverflow.com/questions/4032179/how-do-i-get-the-width-and-height-of-a-html5-canvas) — Severino Lorilla Jr., Apr 22 '16 at 01:21

score 3 · Answer 1 · answered Apr 22 '16 at 01:20

3

You can get the width and height through this.

var canvas = document.getElementById("myCanvas");
var width = canvas.width;
var height = canvas.height;

answered Apr 22 '16 at 01:20

score 2 · Answer 2 · edited Apr 22 '16 at 01:23

2

In CSS there is no length attribute, there is just height or width. You can use this:

console.log(document.getElementById("myCanvas").style.height);
console.log(document.getElementById("myCanvas").style.width);

edited Apr 22 '16 at 01:23

Wowsk

answered Apr 22 '16 at 01:22

xuan hung Nguyen

2 Answers2