05.09.2018, 16:31
|
 |
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,121
|
|
|
Сообщение от 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';
Последний раз редактировалось рони, 05.09.2018 в 16:34.
|
|
05.09.2018, 16:38
|
|
Профессор
|
|
Регистрация: 27.11.2015
Сообщений: 2,899
|
|
???????????????
<div class="container">Hello JavaScript</div>
<script>
var obj = document.querySelector('.container').style;
Object.defineProperties(obj, {
background: {
value: 'black',
},
color: {
value: 'white',
}
});
</script>
Последний раз редактировалось Dilettante_Pro, 05.09.2018 в 16:43.
|
|
05.09.2018, 16:51
|
|
Профессор
|
|
Регистрация: 04.12.2012
Сообщений: 3,794
|
|
|
Сообщение от рони
|
|
немного не понял
|
Не представляю, как уложиться в 3 строки, если стили будут в виде объекта.
<div id="div"></div>
<script>
Object.assign(div.style,{
minHeight:'300px',
background:'#DDD'
});
</script>
|
|
05.09.2018, 17:10
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,121
|
|
Nexus,
да 
|
|
05.09.2018, 17:11
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,121
|
|
|
Сообщение от 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
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,121
|
|
Dilettante_Pro,
ок! 
|
|
05.09.2018, 17:16
|
 |
Профессор
|
|
Регистрация: 13.04.2018
Сообщений: 232
|
|
|
я был близок, вроде бы))
|
|
05.09.2018, 17:23
|
|
Профессор
|
|
Регистрация: 27.11.2015
Сообщений: 2,899
|
|
|
рони,
Труднее всего было догадаться о сути вопроса, т.к., например $('#circle').css({ - тоже метод объекта...
|
|
05.09.2018, 17:38
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,121
|
|
|
madeas,
менять стиль лучше либо по одному style.display = 'flex' или $.css или Object.assign иначе легко можно стереть какие-то значения в style, используя style =
|
|
05.09.2018, 17:53
|
|
Профессор
|
|
Регистрация: 13.04.2018
Сообщений: 232
|
|
|
рони,
понял. Еще почитаю, потренируюсь. Спасибо за не простую, но интересную задачу)
|
|
|
|
