Browser-Neutral Code for Referring Style Objects

Programming with style sheets is never an easy task if you want to write browser-neutral HTML code. This is because the DOM (Document Object Model) of the Internet Explorer and the DOM of Netscape Navigator browsers are not the same. But don’t despair?here is a code fragment that shows how you can write browser-neutral JavaScript code uniquely for referring to styles of HTML objects like DIV, SPAN, etc.

 var ie = (navigator.appName == "Microsoft Internet Explorer"); // myStyleObj is used to refer the style object of elem1 in the HTML page myStyleObj = ie ? document.all.elem1.style : document.elem1;

Now, anywhere in the code where you want to refer to the style object attribute, all you need to do is refer to myStyleObj.

  myStyleObj.visibility = "visible"; instead of writing... document.elem1.visibility = "visible"; // for Netscape Navigator and, document.all.elem1.style.visibility = "visible"; // for Internet Explorer 

This saves you from lots of browser compatibility issues, and it also helps you to write structured code. Also, it is a good idea to keep an array of style objects (of the HTML tags of our interest), in the beginning, and refer to them by using an appropriate index whenever required.

Share the Post:
Share on facebook
Share on twitter
Share on linkedin

Overview

The Latest

technology leadership

Why the World Needs More Technology Leadership

As a fact, technology has touched every single aspect of our lives. And there are some technology giants in today’s world which have been frequently opined to have a strong influence on recent overall technological influence. Moreover, those tech giants have popular technology leaders leading the companies toward achieving greatness.

iOS app development

The Future of iOS App Development: Trends to Watch

When it launched in 2008, the Apple App Store only had 500 apps available. By the first quarter of 2022, the store had about 2.18 million iOS-exclusive apps. Average monthly app releases for the platform reached 34,000 in the first half of 2022, indicating rapid growth in iOS app development.

microsoft careers

Top Careers at Microsoft

Microsoft has gained its position as one of the top companies in the world, and Microsoft careers are flourishing. This multinational company is efficiently developing popular software and computers with other consumer electronics. It is a dream come true for so many people to acquire a high paid, high-prestige job