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的问题。在这种情况下，太多的特异性可能是一个问题。