Установка свойств DOM в однострочнике

Question

Можно ли переписать приведенное ниже как единое выражение? Я люблю кодировать ваниль js и хочу сделать мой код менее многословным

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

Answer 1

Можно, но за счет создания другого объекта и просмотра его свойств с помощью 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"
        }
    )
);

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

Answer 2

Для интереса. Исходя из ответа TJ, если вы используете вспомогательные функции, вы можете получить гораздо меньше подробностей:
body.ac(as(ce("div"), { property1: 1, property2: 2 }));