StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
15986467
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2013-04-13T09:47:43.223
FavoriteCount
0
LastActivityDate
2013-04-13T09:47:43.223
LastEditDate
LastEditorUserId
0
OwnerUserId
1321716
ParentId
15986247
PostTypeId
2
Score
0
ViewCount
0
LastEditorDisplayName
text
Body
The reason your original code failed is because <code>getElementsByClassName</code> returns a live view on the elements with the class <code>hidden</code>. Therefore, when you change the class of an element inside your loop, this change is reflected in the view and that element will no longer be in there. Here's an example scenario: <ol> <li><code>e</code> initially contains 3 <code>hidden</code> elements.</li> <li>In the first iteration, <code>i == 0</code> and <code>e[0]</code> is changed to be no longer <code>hidden</code>. This means that <code>e</code> now only contains 2 <code>hidden</code> elements, as the 'old' <code>e[0]</code> is removed.</li> <li>In the second iteration, <code>i</code> is already at <code>1</code> but <code>e[0]</code> is still a <code>hidden</code> element. This means that you'll skip over <code>e[0]</code> (which was <code>e[1]</code> before the loop). In this iteration, you'll remove the class of <code>e[1]</code> (which was <code>e[2]</code> previously) and the view is reduced to 1 element.</li> <li>Since <code>i</code> (= 2) now exceeds <code>e.length</code> (= 1), the loop terminates.</li> </ol> The net result is that you skipped over the old <code>e[1]</code>. There are two ways to tackle this problem: <ul> <li>Make <code>e</code> static by copying its contents to another array first. This is the approach most libraries such as jQuery take.</li> <li>Make use of the liveness. As you showed in your edit, you can use the live collection to your advantage. By always operating on the currently first element in the view, you'll never skip over any element. The loop condition is also trivial: you just have to keep iterating until the view no longer contains any elements.</li> </ul>
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. POChange class name of some elements
 singulars
 PostTypePostTypeId
 PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. This table or related slice is empty.
UserOwnerUserId
1. USMattias Buelens
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. This table or related slice is empty.
VotesPostIdCreationDate
1. This table or related slice is empty.
CommentsPostId
1. This table or related slice is empty.

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.