使用 Javascript 在 elemtn.style.width px 中编辑'value px'

Question

我得到了一个函数，它从用户那里获得大小并创建div，但我不确定如何表达px前面的大小。

function createDiv(size) {
const div = document.createElement("div");
div.classList.add("box");
div.style.width = `${size} px`;
div.style.height = `${size} px`;
console.log(size);
return div;
}

如果我输入75px:

function createDiv(size) {
const div = document.createElement("div");
div.classList.add("box");
div.style.width = "75px";
div.style.height = "75px";
console.log(size);
return div;
}

Answer 1

您需要删除值与px之间的空格，它应该是这样的:${size}px.

function createDiv(size) {
const div = document.createElement("div");
div.classList.add("box");
div.style.width = `${size}px`;
div.style.height = `${size}px`;
document.body.appendChild(div);
}
createDiv(100);

.box {
background: lawngreen;
}