Size: a a a

2020 March 05

DE

Denis Efremov in pro.js
Надеюсь, что ты не Jquery() юзаешь для создания элементов )))
источник

ss

sser str in pro.js
Нет,его точно нет)
источник

DE

Denis Efremov in pro.js
А как создаёшь?
источник

DE

Denis Efremov in pro.js
el.innerHTML = '<div></div>'
источник

DE

Denis Efremov in pro.js
???
источник

ss

sser str in pro.js
document.createEl
el.appendchild
источник

DE

Denis Efremov in pro.js
Красавчик))
источник

ss

sser str in pro.js
Надеюсь без сарказма)
источник

DE

Denis Efremov in pro.js
sser str
Надеюсь без сарказма)
Да да, всё норм
источник

V

Vlad in pro.js
sser str
Всем привет!
Подскажите пожалуйста ,как работать с диеамически созданными элементами в js. Точнее как до них достучаться или повесить обработчик события?или линк на ресурс..спасибо!
document.querySelector('...')
источник

V

Vlad in pro.js
либо если ты их сам создаешь,
const el = document.createEl
источник

DE

Denis Efremov in pro.js
/**
* Creates an element
*
* @param {string} tag
* @param {Object} options
*/
function createElement (tag, options) {
 const el = document.createElement(tag);

 if (options && !(options instanceof Object)) {
   throw new TypeError('The second attribute must be an object!')
 }

 Object.keys(options).forEach((key) => {
   el[key.replace(/([A-Z])/g, '-$1').toLowerCase()] = options[key];
 });

 return el;
}
источник

DE

Denis Efremov in pro.js
Только ещё надо key в dash-case переводить
источник

DE

Denis Efremov in pro.js
Denis Efremov
/**
* Creates an element
*
* @param {string} tag
* @param {Object} options
*/
function createElement (tag, options) {
 const el = document.createElement(tag);

 if (options && !(options instanceof Object)) {
   throw new TypeError('The second attribute must be an object!')
 }

 Object.keys(options).forEach((key) => {
   el[key.replace(/([A-Z])/g, '-$1').toLowerCase()] = options[key];
 });

 return el;
}
UPD !
источник

DE

Denis Efremov in pro.js
А можно ещё вынимать class и data:

const {
 class: className,
 data: dataset,
 ...other,
} = options;
источник

F

Foma in pro.js
а ну и сразу стили)
источник

А

Аркаша Одесский 🇪🇪 in pro.js
Стели
источник

F

Foma in pro.js
for(let key in option.style) el.style.cssText+=${key}:${style[key]};
источник

А

Аркаша Одесский 🇪🇪 in pro.js
for(let key in option.style) {
if(option.style.hasOwnProperty(key
) {
el.style.cssText+=${key}:${style[key]};
}
}
источник

А

Аркаша Одесский 🇪🇪 in pro.js
Foma
for(let key in option.style) el.style.cssText+=${key}:${style[key]};
А что за $?
источник