Setting section width and height in Javascript

Question

Why don't <section> elements accept width and height attributes just as <canvas> elements do?

( JSFiddle )

Answer 1

This is because section is a direct subelement of HTMLElement whereas Canvas is a HTMLCanvasElement which also extends HTMLElement but adds those 2 properties.

A section element is meant to be styled used CSS (similar to divs) whereas canvas is supposed to more of a HTML + Javascript interaction

Answer 2

I'd never recommend using javascript to style the look and feel of a HTML element, that's why CSS got invented for, right?

If you're really pushed for any reason to use it, then take a look at the js alternative below.

Try declaring the properties as you'd do with a normal HTML element (cross browser way to do it):

section.style.width = '250px';
section.style.height = '250px';

Have a look at this working fiddle.