How to create element with id name using javascript?

Question

How to create element with id name using javascript ?

I want to create <span id="inner">xxx</span> inner <div id="outter">

I tried , but i cannot add id="inner" to <span>

<!DOCTYPE html>
<html>
    <body>

        <div id="outer">
        </div>

        <script>
            var para = document.createElement("span");
            var node = document.createTextNode("xxx");
            para.appendChild(node);
            var element = document.getElementById("outer");
            element.appendChild(para);
        </script>

    </body>
</html>

egvrcn · Accepted Answer · 2015-09-07 05:21:25Z

4

Javascript second line add this code:

para.id = "inner";

answered Sep 7, 2015 at 5:21

egvrcn

1,00212 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Luthando Ntsekwa · Accepted Answer · 2015-09-07 05:25:46Z

0

You can also do it this way:

para.setAttribute("id", "inner");

answered Sep 7, 2015 at 5:25

Luthando Ntsekwa

4,2486 gold badges26 silver badges53 bronze badges

Comments

shah bhaumik · Accepted Answer · 2015-09-07 06:17:46Z

0

You can add id using two ways :

1) para.id="Id"; 2) para.setAttribute("id","Id");

answered Sep 7, 2015 at 6:17

shah bhaumik

136 bronze badges

Collectives™ on Stack Overflow

How to create element with id name using javascript?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related