JavaScript Forum

**sepple** · 02-02-2009, 12:05 PM

Is it possible to have a hidden field at the top of a page and then be able to show the value of that hidden field in the body of that same page?

**wayfarer07** · 12:49 PM

if by "field" you mean any area with content in it, then sure.

HTML Code:

<html>
<head>
<h1>Tricky Dick</h1>
<head>
<body>
<div id="hidden" style="display:none;">
Some content
</div>
<div id="content">
</div>
<script>
document.getElementById("content").innerHTML = document.getElementById("hidden").innerHTML;
</script>
</body>
</html>

Why you would want to do this is beyond me. I suspect you think there is some SEO benefit, which is highly suspect. In addition, it will only work if JavaScript is enabled. When disabled, nothing will show in the second div ("content").

**sepple** · 12:58 PM

This is not for SEO at all.

I have:

Code:

<input type="hidden" id="first_name" value='Stephen' />

And want to be able to print that value lower on the page.

Can I do:

Code:

document.write(document.getElementById("first_name").innerHTML);

or

Code:

document.getElementById("first_name").innerHTML = the_first_name;

document.write (the_first_name);

And thanks for the help!!

**wayfarer07** · 02-02-2009, 01:05 PM

ah, I see. In this case you would just use .value instead of .innerHTML , as long as there is an ID attribute. If you want to document.write it, that is fine, as long as the statement appears after the hidden field in the markup.

**spyderwebtech** · 02-05-2009, 12:27 PM

If you want to print a user's name somewhere else on the page,then why don't you do this on the server side, using PHP. Ideally, that hidden value has to come from somewhere initially.