Why wont this work:

[Former Member]

Why wont this work as a function?



<script type ="text/javascript">
function move()
{
document.write("<div id='welcometable'></div>")
var wTable = document.getElementsByTagName("TABLE")[0]
wTable.parentNode.removeChild(wTable)
wTable.style.marginTop="25px"
document.body.replaceChild(wTable,document.getElementById('welcometable'))
}
</script>

<input type= "button" value= "moveWT" onclick= "move()">

As we all know, the script works outside of the functon, but why wont it work inside of the function?
Just curious for a little project I'm working on.

[SubDevo]

You can't to a document.write after the page has loaded.
Using your example, if you move the div above the script as regular html and remove the doc write line, then it should work.

<div id='welcometable'></div>

<script type ="text/javascript">
function move()
{
var wTable = document.getElementsByTagName("TABLE")[0]
wTable.parentNode.removeChild(wTable)
wTable.style.marginTop="25px"
document.body.replaceChild(wTable,document.getElementById('welcometable'))
}
</script>

<input type= "button" value= "moveWT" onclick= "move()">

FYI... If the forum is using a banner under ads code with a border around forum or side tables, the welcome table will no longer be the first table in the DOM. So document.getElementsByTagName("TABLE")[0] will not grab the correct table. I know you are probably using this example for testing, but I thought I should mention it.

[Former Member]

Ok, that works.
Everything makes sense now.
Thanks Sub.

BTW,
I didn't think about the fact that you mentioned with the welcome table.
Though it is true, fortunately I don't believe it is going to effect what I am doing.
Thanks again