вывести html со стилями блока
Здравствуйте, есть div к которому применяются программно стили через
$(div).css . необходимо выводить код того что получится в отдельный textarea, если использовать $(div).html(), то выводится только html соержимое. Можно ли как то вывести html вместе с применёнными стилями7 |
http://learn.javascript.ru/play/G1ow1
вернет border: 1px solid red; font-size: 15px; width: 150px; height: 200px;
<!DOCTYPE HTML>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script>
$(document).ready(function(){
$('#div').css('font-size', '15px');
$('#div').css({
width: '150px',
height: 200
})
console.log($('#div').attr('style'))
});
</script>
</head>
<body>
<div id="div" style="border:1px solid red;">dfvdfvdfv</div>
</body>
</html>
|
Спасибо, а если в блока вложенные элементы со своими стилями?
прийдётс у каждого из них вытаскивать стиль? |
|
<script type="text/javascript" src="http://yandex.st/jquery/1.4.4/jquery.min.js"></script>
<div id="divTST" style="color:red;"><span style="width:23px;">Привет участникам!</span></div>
<div id="storage" style="display:none;"></div>
<textarea id="TXTstyle" style=width:100%;"></textarea>
<script type="text/javascript">
$("#divTST").clone().appendTo("#storage");
var text=$("#storage").html();
$("#TXTstyle").val(text)
</script>
|
Deff, Спасибо, получилось)
|
| Часовой пояс GMT +3, время: 16:06. |