Skip to content
Related Articles

Related Articles

HTML DOM Marquee direction Property

View Discussion
Improve Article
Save Article
Like Article
  • Last Updated : 03 Jun, 2022

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"

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 

My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!