提问人：llmarketer 提问时间：7/16/2017 最后编辑：Sourabh Somanillmarketer 更新时间：7/16/2017 访问量：35
构造函数中的 px 未显示在 HTML 中
px in constructor function not showing in 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 });
});
答：
0赞
JonLuca
7/16/2017
#1
你在这里拼错了高度："heigth": secondSquare.heigth
在属性名称和属性名称中。
0赞
Sourabh Somani
7/16/2017
#2
试试这个
function Square(width, height,color){
this.width = width +"px";
this.height = height +"px";
this.background = color;
}
var secondSquare = new Square (100,100, "pink");
$(".btn-new-square").on('click',function() {
$("body").append('<div id="newSquare">sdfghjkjhgf</div>');
console.log(secondSquare.height);
console.log(secondSquare.width);
console.log(secondSquare.background);
$("#newSquare").css({
"height": secondSquare.height,
"width": secondSquare.width,
"background-color": secondSquare.background });
});
function Square（width， height，color）//这里 现在我添加了 3 个参数
“height”： secondSquare.height，//高度拼写错误
评论
heightheigth