Creating Html Element with onclick() event in javascript

Question

I've been working at this for the last hour, but I am still unable to get the expected output... All I want is to create an HTML element using the onclick event. I was able to create the element on load, but find myself unable to with the event. Please lead me in the right direction. Here's my HTML page:

<html>
<body>

    <div id="d1">
        <p id="p1">Paragraph.</p>

    </div>
    <div id="d2">
        <label onclick="open()">Inbox</label>
    </div>

    <script>
        function open(){
            alert("Start");
            var para=document.createElement("p");
            var node=document.createTextNode("Text");
            para.appendChild(node);
            para.style.color="red";
            var element=document.getElementById("d2");
            element.appendChild(para);
                       }
    </script>

    </body>
</html>

Shashank Kadne · Accepted Answer · 2012-11-02 06:24:51Z

4

open() seems to be a reserved functions. Tried with open1(), it works.

answered Nov 2, 2012 at 6:24

Shashank Kadne

8,1017 gold badges43 silver badges54 bronze badges

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

1 Comment

agaonsindhe Over a year ago

Excatly open is reserved thanx

Programming Guy · Accepted Answer · 2012-11-02 06:22:54Z

2

You are probably colliding with the window.open function built into the browser, rename your function.

answered Nov 2, 2012 at 6:22

Programming Guy

7,47911 gold badges53 silver badges61 bronze badges

1 Comment

agaonsindhe Over a year ago

thnaks for the answer...yes it was reserved word..as Shashank said...and u cleared that it was window.open

Hkachhia · Accepted Answer · 2012-11-02 06:27:58Z

0

Try this code

<label onclick="create_elem();">Inbox</label>
<script language="javascript">
function create_elem(){
    alert("Start");
    var para=document.createElement("p");
    var node=document.createTextNode("Text");
    para.appendChild(node);
    para.style.color="red";
    var element=document.getElementById("d2");
    element.appendChild(para);
}
</script>

answered Nov 2, 2012 at 6:27

Hkachhia

4,5478 gold badges44 silver badges79 bronze badges

Collectives™ on Stack Overflow

Creating Html Element with onclick() event in javascript

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related