Javascipt Tutorial | Document Properties

document.property

Property	Description
bgColor	The color of the document background (read/write).
fgColor	The color of the document foreground text (read/write).
title	The title appearing in the <title> tag of the current document (read-only).
referrer	The URL of the document from which the user linked to the current document by clicking an <a> link (read-only).
lastModified	The date on which the current document was last changed (read-only).
linkColor	The color of text for a link that the user has not yet visited (read/write).
vlinkColor	The color of text for a link that the user has already visited (read/write).
alinkColor	The color of text for a link that the user clicks (read/write).

<script type="text/javascript">

function ChangeBackground(Color)
{
  document.bgColor = Color;
  // style sheet equivalent: document.body.style.backgroundColor = Color
}

function ChangeForeground(Color)
{
  document.fgColor = Color;
  // style sheet equivalent: document.body.style.color = Color
}

</script>

<b>Background Color:</b><br/>
<input type="radio" name="BG" onclick="ChangeBackground('red')"/>Red
<input type="radio" name="BG" onclick="ChangeBackground('green')"/>Green
<input type="radio" name="BG" onclick="ChangeBackground('blue')"/>Blue
<input type="radio" name="BG" onclick="ChangeBackground('black')"/>Black
<input type="radio" name="BG" onclick="ChangeBackground('white')"/>White
<br/><br/>
<b>Foreground Color:</b><br/>
<input type="radio" name="FG" onclick="ChangeForeground('red')"/>Red
<input type="radio" name="FG" onclick="ChangeForeground('green')"/>Green
<input type="radio" name="FG" onclick="ChangeForeground('blue')"/>Blue
<input type="radio" name="FG" onclick="ChangeForeground('black')"/>Black
<input type="radio" name="FG" onclick="ChangeForeground('white')"/>White

Document Body Properties

There are certain properties of the document occupying the browser window that are accessible through the document's body object. These references are are in the following format.

document.body.property

Property	Description
background	The URL of the background image for the document, if any (read/write). CSS equivalent: background-image(url).
bgProperties�	Indicates whether the background image for the document is fixed or scrolls with the page content (read/write). A scrolling background image is the default and is set by an empty string. CSS equivalent: background-attachment(fixed\|scroll).
topMargin	The number of pixels of white space at the top of the document (read-only). CSS equivalent: margin-top:npx (read/write).
rightMargin	The number of pixels of white space on the right of the document (read-only). CSS equivalent: margin-right:npx (read/write).
bottomMargin	The number of pixels of white space at the bottom of the document (read-only). CSS equivalent: margin-bottom:npx (read/write).
leftMargin	The number of pixels of white space on the left of the document (read-only). CSS equivalent: margin-left:npx (read/write).
innerText	The text (but not the XHTML) on the page (read/write). CSS equivalent: same.
innerHTML	The text, including the XHTML, on the page (read/write). CSS equivalent: same.
clientWidth	The width in pixels of the viewable area of the document (read-only).
clientHeight	The height in pixels of the viewable area of the document (read-only).
scrollWidth	The width in pixels of the scrollable area of the document. Same as clientWidth if no horizontal scroll bar is present (read-only).
scrollHeight	The height in pixels of the scrollable area of the document. The full height of the document within the window (read-only).
scrollLeft	The number of pixels by which the document is scrolled horizontally to the left (read/write).
scrollTop	The number of pixels by which the document is scrolled vertically from the top of the document (read/write).

Document Body Properties

Social Bookmark

SiteLinks