Форум

faraday · #1 (**permalink**) 06.07.2012, 14:01

Здравствуйте, есть div к которому применяются программно стили через
$(div).css . необходимо выводить код того что получится в отдельный textarea, если использовать $(div).html(), то выводится только html соержимое. Можно ли как то вывести html вместе с применёнными стилями7

Serg_pnz · #2 (**permalink**) 06.07.2012, 14:13

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>

faraday · #3 (**permalink**) 06.07.2012, 14:21

Спасибо, а если в блока вложенные элементы со своими стилями?
прийдётс у каждого из них вытаскивать стиль?

Serg_pnz · #4 (**permalink**) 06.07.2012, 14:51

http://learn.javascript.ru/play/ds2xE

Deff · #5 (**permalink**) 06.07.2012, 14:54

<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>

faraday · #6 (**permalink**) 06.07.2012, 18:09

Deff, Спасибо, получилось)

Форум

Справочник

Discord чат

Курсы javascript