Help with creating a DIV using appendChild

econnections · Oct 30, 2006

Hello,

Is it possible to append a DIV or SPAN to an existing document using the appendChild command? And if so how would I do this?

Thanks
Graham

cLFlaVA · Oct 30, 2006

a search for "appendchild" in google turned up more than you could possibly ask for.

http://msdn.microsoft.com/workshop/author/dhtml/reference/methods/appendchild.asp

*cLFlaVA
----------------------------
[tt]"quote goes here"[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]

econnections · Oct 30, 2006

With a little help from another forum I found a way to add a new element to a document using a javascript function and then hide the element (DIV) with another function. I share the code as it may be helpful for other users:

<html>
<head>
<script type="text/javascript">

function createDIV() {
t = document.createTextNode ('Fee, fie, foe and fum.')
p = document.createElement ("<div id='x'></div>")
p.appendChild (t)
body = document.getElementsByTagName ('BODY')[0]
body.appendChild (p)
}

function hideDIV() {
document.getElementById('x').style.display = 'none';

}

</script>

</head>
<body>
<form name="form1" method="post" action="">
<input type="button" name="Button" value="Create DIV" onclick="createDIV()">
<input type="button" name="Button" value="Hide DIV" onclick="hideDIV()">
</form>
</body>
</html>

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Help with creating a DIV using appendChild

econnections

IS-IT--Management

cLFlaVA

Programmer

econnections

IS-IT--Management

Similar threads

Part and Inventory Search

Sponsor