JavaScript addImport example

The addImport() method adds style sheets to the document by importing the style sheets collection.

JavaScript addImport example

JavaScript addImport example

     

The addImport() method adds style sheets to the document by importing the style sheets collection. Here in this example we have added an stylesheet named with the "mystyleSheet" by using the addImport() method.

Syntax :

 Object.addImport(stylesheetname , index);

stylesheetname : it is the name of the style sheet which is to be added to the importing collection. 

index : it specifies the position of the style sheet collection where we wants to add the style sheet.

Description of example:

In the following example code we have created a link in HTML by using the tag <a></a> and we have imported the style sheet with the name and after importing the CSS the functionality of the CSS can be used in that HTMl page.

addImport.html

<html>
  <head>
    <body>
	<style>
	</style>
	<title>addImport Example</title>
	 <script>
	   document.styleSheets[0].addImport('mystyleSheet.css',2);
         </script>
	<a href="#">Hello ! RoseIndia</a>
   </body>
</html>

Output:

Since we have created the cascading style sheet named as "mystyleSheet.css" and we have imported it by using the a:hover style.

Download Source Code