Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Изучение javascript (https://javascript.ru/forum/dom-window/75126-izuchenie-javascript.html)

рони 05.09.2018 16:31

Цитата:

Сообщение от Nexus
А свойства, которые нужно применить каким типом данных выражены должны быть?

немного не понял ...
результат должен быть такой
<div class="container" style="display: flex; flex-direction: column; align-items: center; border: 1px dotted lightgray; padding: 25px;">123</div>

тоже самое что
document.querySelector('.container').style = 'display:flex; flex-direction: column;align-items: center;border: 1px dotted lightgray;padding:25px';

Dilettante_Pro 05.09.2018 16:38

???????????????

<div class="container">Hello JavaScript</div>
<script>
 var obj = document.querySelector('.container').style;
Object.defineProperties(obj, {
       background: {
          value: 'black',
       },
       color: {
         value: 'white',
       }
});

</script>

Nexus 05.09.2018 16:51

Цитата:

Сообщение от рони
немного не понял

Не представляю, как уложиться в 3 строки, если стили будут в виде объекта.
<div id="div"></div>
<script>
Object.assign(div.style,{
	minHeight:'300px',
	background:'#DDD'
});
</script>

рони 05.09.2018 17:10

Nexus,
да:victory:

рони 05.09.2018 17:11

Цитата:

Сообщение от Nexus
как уложиться в 3 строки, если

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
<script src="https://cdn.polyfill.io/v1/polyfill.js?Object.assign"></script>
</head>

<body>
<div  class="container" >123</div>
<script>
 var oldStyle = document.querySelector('.container').style,
 newStyle = {display:'flex', 'flex-direction': 'column','align-items': 'center', border: '1px dotted lightgray',padding:'25px'};
 Object.assign(oldStyle,newStyle)
</script>
</body>
</html>

рони 05.09.2018 17:13

Dilettante_Pro,
ок! :)

madeas 05.09.2018 17:16

я был близок, вроде бы))

Dilettante_Pro 05.09.2018 17:23

рони,
Труднее всего было догадаться о сути вопроса, т.к., например $('#circle').css({ - тоже метод объекта...

рони 05.09.2018 17:38

madeas,
менять стиль лучше либо по одному style.display = 'flex' или $.css или Object.assign иначе легко можно стереть какие-то значения в style, используя style =

madeas 05.09.2018 17:53

рони,
понял. Еще почитаю, потренируюсь. Спасибо за не простую, но интересную задачу)


Часовой пояс GMT +3, время: 21:54.