рони,
так?
<div class="container">Hello JavaScript</div>
<script>
// способ записи (представление объектов) #1
var contGlobStl = {} // создаем пустой объект
contGlobStl.style = 'display: flex;\nflex-direction: row;\njustify-content:center;\nwidth: auto;\nheight:55vh;\nalign-items: center;\npadding: 25px;\nbackground: black;\ncolor: white' // добавили свойство объекту
// способ записи #2
var contGlobStl = { // создаем объект
style: 'display: flex;\nflex-direction: row;\njustify-content:center;\nwidth: auto;\nheight:55vh;\nalign-items: center;\npadding: 25px;\nbackground: black;\ncolor: white' // добавили свойство объекту
};
// выводим свойство(а) объекта в консоль
console.log(contGlobStl.style);
// выполняем проверку наличия свойств(а) в alert (не обязательно)
if ('style' in contGlobStl) {
alert('Свойство' + ' ' + 'найдено'); // если найдено
} else {
alert('Свойство не существует'); // если не найдено
}
var contGlob = document.querySelector('.container');
contGlob.style = contGlobStl.style;
</script>
Тогда в моем примере это будет выглядеть
вот так. Строка 8+
Конечно, мог что-то упустить, но вроде все на месте. Если я правильно понял, можно было еще разбить стили на отдельные свойства, но мне кажется, так будет хуже.