javascript - 在 javascript 中，如何获取 setattribute 值来引用变量？

Question

const main = document.querySelector('main');

const n = '40px';

const div = document.createElement('div');
div.setAttribute('class', 'grid');

main.appendChild(div);

div.setAttribute('style', 'background-color: #f9f9f9; width: n; height: n'); 

我想让 n 引用上面 40px 的值。最终 n 将成为用户输入。（虽然我不知道如何将数字转换为字符串 + px ......但这是另一个问题）。

标签： javascriptsetattribute