Open In App

HTML DOM Marquee direction Property

Improve
Improve
Like Article
Like
Save
Share
Report

The marquee direction property in HTML DOM is used to set or return the value of the direction attribute of the <marquee> tag. 

Syntax:

It is used to return the marquee direction property.

marqueeObject.direction; 

It is used to set the marquee direction property.

marqueeObject.direction = "up|down|left|right"

Note: This property is depreciated from HTML 5.

Property values:

  • up: It sets the direction to upward.
  • down: It sets the direction downward.
  • left: It sets the direction to the left. It is a default value.
  • right:  It sets the direction to the right.

Return Value: It returns a string value representing the direction of a moving text.  

Example 1: Below HTML code illustrates to access a marquee direction property. 

HTML




<!DOCTYPE html>
<html>
         
    <body style="text-align:center;">   
        <h1 style="color:green;">
            GeeksforGeeks
        </h1>
         
        <h2>DOM Marquee direction Property</h2>
         
        <marquee id="marqueeID" direction="up">
            GeeksforGeeks:A computer Science Portal for Geeks
        </marquee>       
        <br><br>
         
        <button onclick="btnClick()">
            Get direction of Marquee element
        </button>
        <p id="paraID"></p>
 
 
 
 
 
        <script>
            function btnClick() {
                var txt = document.getElementById(
                    "marqueeID").direction;
 
                document.getElementById(
                    "paraID").innerHTML = txt;
            }
        </script>   
    </body>
</html>                           


Output:

HTML DOM Marquee direction Property

Example 2: Below HTML code illustrates how to change the direction of the marquee object. 

HTML




<!DOCTYPE html>
<html>
         
    <body style="text-align:center;">
     
        <h1 style="color:green;">
            GeeksforGeeks
        </h1>
         
        <h2>DOM Marquee direction property</h2>
         
        <marquee id="marqueeID" direction="up">
            GeeksforGeeks:A computer Science Portal for Geeks
        </marquee>       
        <br><br>
            
        <button onclick="btnClick()">
            Change direction of Marquee element
        </button>
        <p id="paraID"></p>
 
 
 
 
 
        <script>
            function btnClick() {
                var txt = document.getElementById(
                    "marqueeID").direction  = "left";
 
                document.getElementById(
                    "paraID").innerHTML = txt;
            }
        </script>   
    </body>
</html>                           


Output:

HTML DOM Marquee direction Property

Supported Browsers  are listed below: 

  • Google Chrome 1.0
  • Edge 12.0
  • Firefox 1.0
  • Internet Explorer 2.0
  • Opera 7.2
  • Safari 1.2 


Last Updated : 15 Jul, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads