Очистка JavaScript сценария DOM?

Question

Привет, есть ли лучший способ или (более чистый) способ создания элементов dom?как в массиве или что-то?

пример кода:

$hubbe.toolbarLeft = document.createElement('DIV');
$hubbe.toolbarLeft.setAttribute('id', 'toolbar-left');
$hubbe.toolbarLeft.style.width = '50px';
$hubbe.toolbarLeft.style.height = '100%';
$hubbe.toolbarLeft.style.position = 'fixed';
$hubbe.toolbarLeft.style.left = '0';
$hubbe.toolbarLeft.style.backgroundColor = 'grey';
$hubbe.toolbarLeft.style.color = 'white';
$hubbe.toolbarLeft.style.textAlign = 'center';
document.body.appendChild($hubbe.toolbarLeft);`

Answer 1

Существуют библиотеки и фреймворки, которые могут помочь вам в этом, например, jQuery.Если вы придерживаетесь ванильного JavaScript, вы можете немного упростить, задав массовые свойства через Object.assign():

Object.assign($hubbe.toolbarLeft.style, {
    width: '50px',
    height: '100%',
    position: 'fixed',
    left: '0',
    backgroundColor: 'grey',
    color: 'white',
    textAlign: 'center',
});