How to get a custom CSS style statement using Javascript [duplicate]

Question

I find myself in the position of processing some unusual HTML from clipboard data created by MS Word.

My problem boils down to this: This works (returns none):

console.log($('<span style="mso-list:Ignore;display:none"></span>').css('display'))

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

This doesn't work (returns undefined):

console.log($('<span style="mso-list:Ignore"></span>').css('mso-list'))

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Why is this not working (do they white-list the CSS statements?) and how can it be worked around? Do I have to parse the style attribute myself?

Pedram · Accepted Answer · 2018-02-02 10:42:48Z

1

Here is a quick trick to get value of this property:

console.log($('<span style="mso-list:Ignore"></span>').attr('style').split('mso-list:').pop())

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

answered Feb 2, 2018 at 10:42

Pedram

16.7k10 gold badges47 silver badges73 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1