Javascript 提取相关html的所有内联css

我想提取相关html的所有内联样式

例如，下面是要提取内联css的相关html：

<div id="concernedHtmlPortion" style="style1">
    <div style="style2">
    <div style="style3;style4">Hello World!!</div>
    <div></div>
</div>

你好，世界！！

有没有办法只使用root

id=“concernedHtmlPortion”

来提取所有

样式

提取的结果应该是：
style1、style2、style3、style4

请帮忙

var allStyles = [];
$('#concernedHtmlPortion, #concernedHtmlPortion [style]').each(function() {
    allStyles.push($(this).attr('style').split(';'));
});
alert(allStyles);​


​
 不完全符合要求。。。当存在多个by
时，样式不会被拆分
并且您错过了包含#concernedHtmlPortion元素的样式。看来你也会误读这个问题！=）谢谢这就是我想要的。虽然我已经使用了childnode概念，但您提供的代码比我的要好。@user966709。除了答案。读是的。我接受了答案。谢谢你告诉我！下次我会记住的。@user966709。你仍然可以接受旧问题的答案。没有时间限制。祝你好运