StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POdocument.body.style.backgroundColor is undefined
primarykey
Id
17588801
data
AcceptedAnswerId
17589043
AnswerCount
4
ClosedDate
CommentCount
3
CommunityOwnedDate
CreationDate
2013-07-11T08:38:49.363
FavoriteCount
1
LastActivityDate
2016-10-17T03:50:31.017
LastEditDate
LastEditorUserId
0
OwnerUserId
2571692
ParentId
0
PostTypeId
1
Score
1
ViewCount
11939
LastEditorDisplayName
text
Body
I have a javascript function that is called when the user clicks a div to get the current background color (white on my laptop) of the web page: <pre><code><div id="div1" onclick="checkbkcolor(id, 1)">Just testing the web page bk color </div> </code></pre> Here is the checkbkcolor() function: <pre><code> <head> <script type="text/javascript"> // DOES NOTHING SO I COMMENTED IT OUT: document.body.style.backgroundColor = "red"; function checkbkcolor(id, val) { // THIS RETURNS NOTHING FOR THE COLOR -- the alert box // only says "the document.body.style.backgroundColor is: " // and nothing else alert("the document.body.style.backgroundColor is: " + document.body.style.backgroundColor); document.body.style.backgroundColor = "red"; // The alert box now shows 'red' for the color name, *AND* // the web page's background has turned all red alert("the document.body.style.backgroundColor is: " + document.body.style.backgroundColor); } </script> </head> </code></pre> In other words: my web page background is white when the page appears BUT the document.body.style.backgroundColor is not set. So is my web page set to 'transparent'? I don't think so. To test, I added the following CSS background color and when the web page first appears, the entire background is yellow: <pre><code> body { background-color: rgb(255,255,0); } </code></pre> Now when my web page appears, it is no longer white (or transparent, whatever). The web page is yellow when it appears. AND STILL. The following code shows the background color is not set: <pre><code> function checkbkcolor(id, region) { // THIS RETURNS NOTHING FOR THE COLOR alert("the document.body.style.backgroundColor is: " + document.body.style.backgroundColor); // same code other as above } </code></pre> My assumption is that my research (4 hours worth) on 'bgColor', 'background', 'backgroundColor' were not helpful. Most of all I don't understand how the entire web page background can come up yellow when I set the 'body' in CSS to rgb(255,255,0) and yet the following alert box says the backgroundColor is NOT SET: <pre><code> alert("the document.body.style.backgroundColor is: " + document.body.style.backgroundColor); </code></pre> I need to know, when the page first appears, what the background color is. How? EDIT: I'm using the latest version of Firefox, version 22.0
Tags
<javascript><html><css>
Title
document.body.style.backgroundColor is undefined
singulars
PostAcceptedAnswerId
1. PO
 singulars
 PostTypePostTypeId
 PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. This table or related slice is empty.
UserOwnerUserId
1. USCFHcoder
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
 singulars
 PostTypePostTypeId
 PTAnswer
2. PO
 singulars
 PostTypePostTypeId
 PTAnswer
3. PO
 singulars
 PostTypePostTypeId
 PTAnswer
VotesPostIdCreationDate
1. This table or related slice is empty.
CommentsPostId

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.