InnerHTML, включая стили из таблиц стилей

Question

Есть ли способ получить innerHTML раздела страницы вместе со всей информацией о стиле, которая используется элементами в этом разделе (включая стили, которые также взяты из соответствующих таблиц стилей).Так что, когда я вставлю html где-то еще, он будет отображаться с оригинальным стилем.

Answer 1

В любом случае, оно должно отображаться со стилем, если я не пропустил что-то в вашем вопросе.Если у вас есть этот стиль:

.item { color: red; background-color: #CCC; border: solid black 1px; }
.item a { color: #300; text-decoration: none; }
.item h2 { font-size: 1.5em; }

И этот HTML:

<div id="test">
   <div class="item">
      <h2>Cat</h2>
      <a href="#">Details</a>
   </div>
   <div class="item">
      <h2>Dog</h2>
      <a href="#">Details</a>
   </div>
</div>

Перемещение этого HTML-кода в другой раздел кода (будь то копирование / вставка или перемещение с помощью манипуляции DOM)не имеет значения.Стили должны применяться правильно.Это просто вопрос построения вашего CSS модульным способом.В этом случае слишком большая специфичность может быть проблемой.