JavaScript Feature Reference: style Object Web Browser Support Test

Last reviewed/updated: 21 Nov 2017 | Published: 26 Apr 2014 | Status: Active
Web browser support: Internet Explorer 10+, Edge 12+, Firefox 6+, Chrome 30+, Opera 17+

1. Introduction

In this web page there are two web browser JavaScript feature support tests; 1.) a feature implementation test, and 2.) a feature capability test. First, the implementation test is run. The implementation test determines if the web browser recognizes the JavaScript style object. The implementation test is a simple test for the presence of web browser support, and a definitive test for the absence of web browser support. If the web browser does not recognize the JavaScript style object, the testing is stopped and the implementation test reports: Fail (no support): The web browser does not recognize the JavaScript style object. The web browser does not support the JavaScript style object.

If the web browser recognizes the JavaScript style object, the capability test is run. The capability test determines if the web browser's implementation of the JavaScript style object includes support for at least one style object capability. The capability test is a more definitive, albeit not an all inclusive, test for the presence of web browser support. If the web browser's implementation of the JavaScript style object includes support for the tested capability, the capability test reports: Pass (at least partial/possibly full support): The web browser recognizes the JavaScript style object, and supports at least one style object capability. The web browser at least partially/possibly fully supports the JavaScript style object. Positive determination of full web browser support is beyond the scope of this test. If the web browser's implementation of the JavaScript style object does not include support for the tested capability, the capability test reports: Pass/Fail (partial support): The web browser recognizes the JavaScript style object, but does not support at least one style object capability. The web browser partially supports the JavaScript style object.

The web browser support test source code is shown in Section 2.1. The web browser support test source code is run in Section 2.2, which shows the web browser support test result.

1.1. style Object Web Browser Support

  • Pass (at least partial/possibly full support): IE9+, ED12+, FF1.5+, SF3.1+, CH2+, OP7.50+.
  • Pass/Fail (partial support): IE6 - 8.

1.2. Abbreviations

  • IE = Internet Explorer.
  • ED = Edge = EdgeHTML rendering engine (ED12+) and/or Edge browser (ED20+).
  • FF = Firefox.
  • SF = Safari.
  • CH = Chrome.
  • OP = Opera.

2. style Object Web Browser Support Test

2.1. Web Browser Support Test Source Code

<p id='testId' style='font-family:arial;font-size:12px;background-color:#ffffff;color:#323232'></p>

<script>
var element = document.getElementById("testId");
if (element.style){
 if (element.style.length === 4){
  document.write("<p><b>Pass</b> (at least partial/possibly full support): The web browser recognizes the JavaScript <code>style</code> object, and supports at least one <code>style</code> object capability. The web browser at least partially/possibly fully supports the JavaScript <code>style</code> object. Positive determination of full web browser support is beyond the scope of this test.</p>");
 } else {
  document.write("<p><b>Pass/Fail</b> (partial support): The web browser recognizes the JavaScript <code>style</code> object, but does not support at least one <code>style</code> object capability. The web browser partially supports the JavaScript <code>style</code> object.</p>");
 }
} else {
 document.write("<p><b>Fail</b> (no support): The web browser does not recognize the JavaScript <code>style</code> object. The web browser does not support the JavaScript <code>style</code> object.</p>");
}
</script>

2.2. Web Browser Support Test Result


3. Resources And Additional Information