javascript - 构造函数中的px不在html中显示

我试图通过JS构造函数和jquery代码将div添加到html中。

即使定义了像素元素，HTML也似乎将其忽略。

拜托，你能告诉我错误在哪里吗？

function Square(width, height){
  this.width = width +"px";
  this.height = height +"px";
  this.background = "pink";
}

var secondSquare = new Square (100,100, "pink");


$(".btn-new-square").on('click',function() {
// console.log("pink sq");
$("body").append('<div id="newSquare">sdfghjkjhgf</div>');
// console.log('newSquare');
//$("#newSquare").append(secondSquare);
//$("#newSquare").addClass('newSquare');
console.log(secondSquare.height);
console.log(secondSquare.width);
console.log(secondSquare.background);
$("#newSquare").css({
"heigth": secondSquare.heigth,
"width": secondSquare.width,
"background-color": secondSquare.background });

});

最佳答案

您在此处拼写的高度错误："heigth": secondSquare.heigth

在属性名称和属性名称中。