Can't change <button>'s "type" with Javascript

Question

On Chromium 7.0.517.44 (64615) Ubuntu 10.10, I seem to be unable to change the type attribute of a <button> element:

Click to copy

> blah = document.createElement("button")
  <button>​</button>​
> blah.type
  "submit"
> blah.type = "button"
  "button"
> blah.type
  "submit"

Help?

---

On Firefox 3.6.12 and Opera 10.63, it works fine:

Click to copy

>>> blah = document.createElement("button")
    <button>
>>> blah.type
    "submit"
>>> blah.type = "button"
    "button"
>>> blah.type
    "button"

Answer 1

Use setAttribute.

Click to copy

blah.setAttribute('type', 'button');

Answer 2

Change the type attribute on any of the input family generally doesn't work (I know for a fact it does not work on input).

What you may want to do is clone the element, replace the type attribute whilst the HTML is serialised and then append it after. Then delete the original.