Комментарии 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';
0
Зарегистрируйтесь на Хабре , чтобы оставить комментарий
Шпаргалка по JS-методам для работы с DOM