how to add element within an element in html

Question

i need to add a element div and within that div i need to add a label element how to do that.....??

var dd=document.getElementById("sample");
var d=document.createElement("div");
d.id="s";
d.innerHTML="welcome"
dd.appendChild(d);
var e=document.createElement("label");
e.innerHTML="success";
var f=dd.getElementById("div");
f.appendChild(e);

i have a div element sample in html..<div id="sample"></div> within that div element i add another div element with id "s" then i need to a label within the div id="s" how to do that????????

possible duplicate of Why won't this script append a child div element? — Robin Maben
– Robin Maben, Commented Aug 10, 2012 at 6:05

Dustin Laine · Accepted Answer · 2011-05-27 17:14:27Z

2

You were close.

var dd = document.getElementById("sample");

var d=document.createElement("div");
d.id = "s";
d.innerHTML="welcome"

var e = document.createElement("label");
e.innerHTML="success";

dd.appendChild(d);
d.appendChild(e);

http://jsfiddle.net/FzhYz/

answered May 27, 2011 at 17:14

Dustin Laine

38.6k10 gold badges90 silver badges125 bronze badges

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

1 Comment

thuk Over a year ago

a problem jsfiddle.net/saravanabalaji/XHV7X/3 . look at this. when we click "gaming" then "os" a textbox will appear. when we again click os the textbox will disappear. but the problem is when we again click the browser the os and textbox must disappear but os alone disappear.. suggestion ...........

Quentin · Accepted Answer · 2011-05-27 17:12:20Z

0

d.appendChild(e);

Note that HTMLElementNodes do not have a getElementById method.

answered May 27, 2011 at 17:12

Quentin

948k136 gold badges1.3k silver badges1.4k bronze badges

Comments

wong2 · Accepted Answer · 2011-05-27 17:14:45Z

0

var dd = document.getElementById("sample");
var d = document.createElement("div");
d.id = "s";
d.innerHTML = "welcome"
var e = document.createElement("label");
e.innerHTML = "success";
d.appendChild(e);
dd.appendChild(d);

answered May 27, 2011 at 17:14

wong2

36k51 gold badges138 silver badges182 bronze badges

Comments

Tamara Wijsman · Accepted Answer · 2012-08-10 21:51:16Z

0

dd.appendChild(d).appendChild(s)

edited Aug 10, 2012 at 21:51

Tamara Wijsman

12.4k8 gold badges55 silver badges82 bronze badges

answered May 27, 2011 at 17:14

JeffSahol

9718 silver badges19 bronze badges

Collectives™ on Stack Overflow

how to add element within an element in html

4 Answers 4

1 Comment

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Linked

Related