Javascript create a link and click it

I need to create a link on button click and also click that link with same click. I am testing the approaches mentioned on



I need this, because, on click of button, i will be making a get call, and i will receive a URL, and then i need to click the URL (Making Download button, link can vary). Is there any other way of doing this?

I refferd: How do I programmatically click a link with javascript?

and

How do I create a link using javascript?

for achieving this, but no success.

View Discussion

Improve Article

Save Article

  • Read
  • Discuss
  • View Discussion

    Improve Article

    Save Article

    Given an HTML document and the task is to create a JavaScript link and add it to the document using JavaScript.

    Approach:

    Example 1: In this example, the node is created and the attributes are set by the JavaScript methods.

     

    <html

        <head

            <title

                How to create a link in JavaScript ?

            title>

        head

        <body style = "text-align:center;">

            <h2 style = "color:green;"

                GeeksForGeeks

            h2>

            <p id = "GFG_UP" style =

                "font-size: 19px; font-weight: bold;">

            p>

            <button onclick = "GFG_Fun()">

                click here

            button>

            <p id = "GFG_DOWN" style =

                "color: green; font-size: 24px; font-weight: bold;">

            p>

            <script>

                var el_up = document.getElementById("GFG_UP");

                var el_down = document.getElementById("GFG_DOWN");

                el_up.innerHTML = "Click on the button to generate "

                        + "a link using JavaScript.";

                function GFG_Fun() {

                    // Create anchor element.

                    var a = document.createElement('a'); 

                    // Create the text node for anchor element.

                    var link = document.createTextNode("This is link");

                    // Append the text node to anchor element.

                    a.appendChild(link); 

                    // Set the title.

                    a.title = "This is Link"; 

                    // Set the href property.

                    // Append the anchor element to the body.

                    document.body.appendChild(a); 

                }

            script

        body

    html>                    

    Output:

    Example 2: This example is similar to the above but uses prepend() method to add anchor element to the body.

     

    <html

        <head

            <title

                How to create a link in JavaScript ?

            title>

        head

        <body style = "text-align:center;">

            <h2 style = "color:green;"

                GeeksForGeeks

            h2>

            <p id = "GFG_UP" style =

                "font-size: 19px; font-weight: bold;">

            p>

            <button onclick = "GFG_Fun()">

                click here

            button>

            <p id = "GFG_DOWN" style =

                "color: green; font-size: 24px; font-weight: bold;">

            p>

            <script>

                var el_up = document.getElementById("GFG_UP");

                var el_down = document.getElementById("GFG_DOWN");

                el_up.innerHTML = "Click on the button to generate "

                        + "a link using JavaScript.";

                function GFG_Fun() {

                    // Create anchor element.

                    var a = document.createElement('a'); 

                    // Create the text node for anchor element.

                    var link = document.createTextNode("This is link");

                    // Append the text node to anchor element.

                    a.appendChild(link); 

                    // Set the title.

                    a.title = "This is Link"; 

                    // Set the href property.

                    // Append the anchor element to the body.

                    document.body.prepend(a); 

                }

            script

        body

    html>                    

    Output:

    JavaScript is best known for web page development but it is also used in a variety of non-browser environments. You can learn JavaScript from the ground up by following this JavaScript Tutorial and JavaScript Examples.


    How do you click on JavaScript?

    HTML DOM Element click() The click() method simulates a mouse-click on an element. This method can be used to execute a click on an element as if the user manually clicked on it.
    In JavaScript, you can call a function or snippet of JavaScript code through the HREF tag of a link. This can be useful because it means that the given JavaScript code is going to automatically run for someone clicking on the link. HREF refers to the “HREF” attribute within an A LINK tag (hyperlink in HTML).