Добавить стиль в переменную javascript

Question

Я получил этот код с веб-сайта и применил к моему коду:

window.onload = function () {
      var fileUpload = document.getElementById("fileupload");
      fileUpload.onchange = function () {
        if (typeof (FileReader) != "undefined") {
          var dvPreview = document.getElementById("dvpreview");
          dvPreview.innerHTML = "";
          var regex = /^([a-zA-Z0-9\s_\\.\-:])+(.jpg|.jpeg|.gif|.png)$/;
          for (var i = 0; i < fileUpload.files.length; i++) {
            var file = fileUpload.files[i];
            if (regex.test(file.name.toLowerCase())) {
              var reader = new FileReader();
              reader.onload = function (e) {
                var img = document.createElement("IMG");
                img.width="300";
                img.height ="300";
                img.src = e.target.result;
                dvPreview.appendChild(img);
              }
              reader.readAsDataURL(file);
            } else {
              alert(file.name + " is not a valid image file.");
              dvPreview.innerHTML = "";
              return false;
            }
          }
        }
      }
    };

Это работает правильно, но я хочу добавить еще немного стиля в мой код.Специально свойства padding и object-fit css.

Я попытался запустить:

 img.objectFit="cover";
 img.style.objectFit="cover";
 img.css("object-fit","cover");

и много других возможностей, которые я мог бы найти и применить, но любой из них сработал.

Как правильно сделать эту работу?

Answer 1

var img = document.createElement('img');
img.width = '300';
img.height = '300';
img.style.padding = '20px';
img.style.objectFit = 'fill';
document.body.appendChild(img);