Passing attributes on object creation is inconsistent / depends on casing

[[email protected]…]

I was recently encountering the "problem" described here: ​http://bugs.jquery.com/ticket/10125

Yet I found out that when you use 'Width' and 'Height' (upper-casing the first letter) the passed pairs will be interpreted as attributes, not as CSS.

See this demo jsfiddle: ​http://jsfiddle.net/Lfh9F/

Maybe this is desired behavior as well, yet I have to admit that I find it highly confusing.

[Rick Waldron]

Duplicate of #10125.

[[email protected]…]

Actually I don't think this is a duplicate. What I was talking about is that:

$('<canvas/>',{'id':'a', 'width':100, 'height':100})

will create

<canvas id="a" style="width: 100px; height: 100px;"></canvas>

whereas

$('<canvas/>',{'id':'b', 'Width':100, 'Height':100})

will create

<canvas id="b" width="100" height="100"></canvas>

In case this is desired behavior it might be interesting to mention this in the api-docs. Thanks.

[dmethvin]

There are so many ways to do things wrong, we tend to only mention the really common ones. Besides it's totally up to the document how to interpret mixed-case attributes. HTML DOM always ignores case. XML and XML-based documents do not. The developer needs to know some of this, it can't fall totally in the hands of jQuery to train people about every aspect of development.