스타일 시트의 스타일을 포함한 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> 

(여부를 복사/붙여 넣기 또는 DOM 조작을 통해 이동) 코드의 다른 부분에 해당 HTML 이동 문제가되지해야 당신이 스타일이있는 경우. 의 스타일은이어야합니다. 모듈 방식으로 CSS를 구성하는 것만 큼 문제가됩니다. 이 경우 너무 많은 특이성이 문제가 될 수 있습니다.