Цитата:
результат должен быть такой <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';
|
???????????????
<div class="container">Hello JavaScript</div>
<script>
var obj = document.querySelector('.container').style;
Object.defineProperties(obj, {
background: {
value: 'black',
},
color: {
value: 'white',
}
});
</script>
|
Цитата:
<div id="div"></div>
<script>
Object.assign(div.style,{
minHeight:'300px',
background:'#DDD'
});
</script>
|
Nexus,
да:victory: |
Цитата:
<!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>
|
Dilettante_Pro,
ок! :) |
я был близок, вроде бы))
|
рони,
Труднее всего было догадаться о сути вопроса, т.к., например $('#circle').css({ - тоже метод объекта... |
madeas,
менять стиль лучше либо по одному style.display = 'flex' или $.css или Object.assign иначе легко можно стереть какие-то значения в style, используя style = |
рони,
понял. Еще почитаю, потренируюсь. Спасибо за не простую, но интересную задачу) |
| Часовой пояс GMT +3, время: 12:55. |