Цитата:
результат должен быть такой <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, время: 21:54. |