Как стать автором
Обновить

Комментарии 1

как и обещал, универсальная утилита для создания элементов:

Что вы улучшили?

Чем это
// функция принимает название тега и объект с настройками
const createEl = (tag, opts) => {
const el = document.createElement(tag)
// перебираем ключи объекта и записывает соответствующие свойства в элемент
for (const key in opts) {
el[key] = opts[key]
}
// возвращаем готовый элемент
return el
}

const button = createEl('button', {
// настройками могут быть атрибуты
id: 'my_button',
className: 'btn btn-primary',
textContent: 'Click me',

title: 'My button',
autofocus: true,

// стили
style: 'color: red; cursor: pointer;',

// обработчики и т.д.
onmouseenter: function () {
this.style.color = 'green'
},
onmouseout: function () {
this.style.color = 'blue'
},

onclick: () => alert('Привет!')
})


лучше этого?:
const btn = document.createElement("button");
btn.id = 'my_button';
btn.className = 'btn btn-primary';
btn.textContent = 'Click me';
Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.