设置单行DOM属性

Question

是否可以将以下内容重写为单个表达式？我喜欢用香草JS编写代码，并希望使我的代码不那么冗长]

const div = document.createElement("div");
div.property1 = 1,
div.property2 = 2,
document.body.appendChild(div);

Answer 1

您可以，但是要以创建另一个对象并通过Object.assign遍历其属性为代价：

Object.assign

带有换行符：

document.body.appendChild(Object.assign(document.createElement("div"), {property1: 1, property2: 2}));

免费示例：;-）

document.body.appendChild(
    Object.assign(
        document.createElement("div"),
        {property1: 1, property2: 2}
    )
);

document.body.appendChild(
    Object.assign(
        document.createElement("div"),
        {
            className: "example",
            id: "ex",
            textContent: "Hi there"
        }
    )
);

Answer 2

为了明智。根据T.J的回答，如果使用辅助函数，则可能会少得多：

.example {
    color: green;
}
#ex {
    font-weight: bold;
}