قم باستخراج كافة ملفات CSS المضمنة الخاصة بـ html

Question

أريد استخراج جميع الأنماط المضمنة لملف html المعني.

على سبيل المثال، فيما يلي ملف HTML المعني الذي سيتم استخراج ملف CSS المضمن له:

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

هل هناك أي طريقة لاستخراج كافة style باستخدام الجذر فقط id="concernedHtmlPortion"?

يجب أن تكون نتيجة الاستخراج: style1,style2,style3,style4

أي مساعدة من فضلك !!

Answer 1

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

العمل التجريبي ​