I have a form on a page that has several textareas, and textboxes
inside a table (so the table containing the textboxes is also inside
the FORM tag).
I want to replace the textareas with simple text instead. But I want
to keep the format of my page EXACTLY the same. However, the problem
is that ...
1) Javascript won't let me create say a one-cell TABLE containing some
text (e.g. textarea's value) and then insertBefore an element in the
form. This is so because the a TABLE element is not compatible to be a
FORM's child.
2) I surely can insert a text node or a table using appendChild or
insertBefore on document.body. However, like I said I must maintain
the formatting of my page, so I again can not do this. Reason being
that the document.body won't have access to anything that's inside the
FORM tag and can only insert before or after the FORM tag.
e.g.
<BODY>
<P id="para1">foo</P>
<FORM id=form1">
<!-- anything in here is Form's property NOT body's -->
<input type="text" name="name" id="txtbox1">
</FORM>
</BODY>
So the following code is invalid:
var tNode = document.createTextNode ("hello");
document.body.insertBefore (tNode,
document.forms[0].getElementsByTagName ("txtbox1"));
because I can't insert a textnode before a form element using a body
method.
And following code is valid but not what I want according to my second
point above:
var tNode = document.createTextNode ("hello");
document.body.appendChild (tNode);
How can I insert a text node or table containing text inside FORM
tags?
