How to solve the compatibility problem of reading style element definition style sheet

This article focuses on "how to solve the compatibility problem of reading style element definition stylesheets". Interested friends may wish to take a look. The method introduced in this paper is simple, fast and practical. Let's let the editor learn "how to solve the compatibility problem of reading style element definition stylesheets".

The code is as follows:

JavaScript Sample

Div {color:#FF0000;font-weight:bold;}

P {color:#000000;font-size: 14px;}

Please click on the website link

Var o = document.styleSheets [0]

Var ol = o.rules [1]

Alert (ol.style.color)

Ol.style.color = "green"

Alert (ol.style.color)

When testing the above code, it works properly in Google and IE. The following is a screenshot of the operation in google:

However, it does not work in FF (Firefox 29), there is no pop-up box, and the following error occurs:

The rules method is not defined in FF, so replacing the rules method with the cssRules () method works:

CssRules () is compatible in Google and IE.

At this point, I believe you have a deeper understanding of "how to solve the compatibility problem of reading style element definition stylesheets". You might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!