Вход

Просмотр полной версии : Получить все свойства как строку.


boilroom
20.06.2011, 17:32
Доброго всем.

Задача: есть элемент, допустим DIV. Изначально у него через CSS заданы свойства width и height. В процессе взаимодействия пользователя со страницей этот DIV обрастает еще несколькими свойствами. Например, цветом фона. Или толщиной границы. Или и тем и другим. Поскольку свойств может быть много, а какие из них будут присвоены заранее не известно, то проверять элемент на наличие каждого свойства как-то не красиво. А, собственно задача: взять все свойства элемента и вывести их как строку. Допустим так, как в CSS - "width:100px; height:500px; backgroundColor:#fff и.т.д".

Если есть идеи, поделитесь пожалуйста. А то мне, что-то ничего путного в голову не лезет...

Skipp
20.06.2011, 17:37
<div id="test" style="color: #F90; float: right">sefse</div>
<hr/>
<script type="text/javascript">
var elem = document.getElementById('test');
for(var i in elem.style)
document.write(i + " = " + elem.style[i] + "<br/>");
alert(elem.style.cssText);
</script>