Получить элемент Дом. setAttribute ("размер", "50") не работает

Question

У меня есть .settAttribute ("size" '"50") для моего document.getElementById ("inputDiv"), но почему-то это не работает.Все остальные атрибуты работают, хотя.Предполагается, что этот атрибут изменяет размер символов моего ввода.

Заранее спасибо!

JS:

var input = document.createElement("input");
  input.setAttribute("type", "text");
  input.setAttribute("value", "");
  input.setAttribute("placeholder", "Type your name then press Enter");
  input.setAttribute("maxLength", "4");

input.setAttribute ("size", "50");

  var parent = document.getElementById("inputDiv");
  parent.appendChild(input);
  parent.style.borderStyle = 'solid';
  parent.style.width = '50%';
  parent.style.margin = 'auto';
  parent.style.borderWidth = '0px 0px .5px 0px';
  parent.style.color = 'black';

Answer 1

Вы можете попробовать:

input.setAttribute('maxlength', 50);

Обратите внимание, если ваш "размер" означает "размер шрифта", то код должен быть:

input.style.setProperty('font-size', '50px');