createElement("button") makes a tiny little button


I am very new to javascript and there may well be a better way to do this than the way I am trying to do it, but the problem I have seems like it is something the should be trivial, despite my complete inability to fix it.

I am creating a number of form elements using javascript, including a submit button, using the following code.  

The problem is, the button appears and works, but it is super tiny and has no writing in it (at least none that I can see).

I have tried specifying height and width (first in the javascript and then in the div) - both seem to have failed to solve the problem.

If anyone can tell me how to make my submit button normally sized I would really appreciate it!

//this gets the div tag that I am appending the button to.
var sButton = document.getElementById("sbt");

//this creates my button
var submitting = document.createElement('button');
   submitting.setAttribute("name", "Submit");
   submitting.setAttribute("type", "submit");

//this appends the button to the div

//this is the html code for the div
<div id = "sbt"></div>

Open in new window

Who is Participating?
Dave BaldwinConnect With a Mentor Fixer of ProblemsCommented:
Standard 'submit buttons' are <input> elements.  'buttons' are <input> elements.
JolineZAuthor Commented:
Thanks! I knew it had to be something silly and this fixed it immediately.
Dave BaldwinFixer of ProblemsCommented:
thanks, glad to help.
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.