JS- שינוי button ל input

[הפצת אנקי]

אני מעוניין לשנות כפתור שהid שלו הוא "size" כתבתי לזה את הקוד הבא שלא עובד.
מחיפוש קצר לא מצאתי כיוון.

document.getElementById(
  "size"
).innerHTML = `<input id="size" type="number" style="background:transparent; border-radius: 5px; color:rgb(0, 0, 0);"
    placeholder="גודל כתב"   size="4"
    style="direction: rtl; text-align: right;"></input>`;

[חגי]

@הפצת-אנקי כתב בJS- שינוי button ל input:

innerHTML

אולי תחליף את innerHTML ל-outerHTML, זה עוזר?

[הפצת אנקי]

@חגי כתב בJS- שינוי button ל input:

outerHTML

זה עבד. תודה.