правит css js
Как можно добавлять и удалять стили через чистый js?
|
setAttribute()
removeAttribute() и для получения getAttribute() |
Через объект Style
|
Цитата:
|
Цитата:
<div id="some_div" style="width:100px; height:50px; border: 1px solid #aaa"></div>
<script type='text/javascript'>
var div = document.getElementById('some_div');
alert(div.getAttribute('width'));
</script>
|
Цитата:
Клац.
<div id="some_div" style="width:100px; height:50px; border: 1px solid #aaa"></div>
<script type='text/javascript'>
var div = document.getElementById('some_div');
alert(div.getAttribute('style'));
</script>
Хотелось бы поинтересоваться, как для вашего варианта сделать remove кроме переназначения ? |
Scrum, через свойство .style намного правильнее. Как ты, например, уберешь один из стилей?
<div id="some_div" style="width:100px; height:50px; border: 1px solid #aaa"> </div> <script> var div = document.getElementById( 'some_div' ); div.style.border = ""; alert( div.style.cssText ); </script>А убрать все стили из атрибута: .style.cssText = ""; |
Цитата:
Цитата:
Цитата:
|
new_rule = document.styleSheets[0].addRule("DIV B", "color:blue");
|
не правильнее, а проще, нечего себе лишние проблемы создавать ;)
|
function css(e,s){
if(!e.nodeType) for(var i = 0; i < e.length; i++) css(e[i],s);
else{
if(typeof(s) != 'object') return e.style[s];
for(var i in s) e.style[i] = s[i];
}
}
var el = document.getElementById('myElement');
css(el,{'width':'200px'});
alert(css(el,'width')); // 200px
|
| Часовой пояс GMT +3, время: 08:42. |