If you want all elements inside the body tag, not just first level children, you can simply use `getElementsByTagName()` with a wildcard:

    var elems = document.body.getElementsByTagName(&quot;*&quot;);

You can use [`document.querySelectorAll()`][1] for that.

If you really want all (including nested tags), use this

     var elements = document.querySelectorAll( &#39;body *&#39; );

If you only want the immediate child nodes, use

     var elements = document.querySelectorAll( &#39;body &gt; *&#39; );

  [1]: https://developer.mozilla.org/en-US/docs/DOM/Document.querySelectorAll

I have a timestamp like this `1331209044000` and I want to convert it to an ISO 8601 timestamp. How can I convert it using JavaScript?

I use the jQuery &quot;timeago&quot; plugin - http://timeago.yarp.com/

How Do I Convert a Unix Timestamp to ISO 8601 in JavaScript?

I&#39;m using eclipse checkstyle plugin with Juno Eclipse distribution. Anytime the code is checked for checkstyle error I get the following error: 

    cannot initialize module TreeWalker - Unable to instantiate DoubleCheckedLocking

Does anybody know how to fix this problem? Is it a plugin compatibility issue or something else?

Checkstyle Eclipse plugin doesn&#39;t work

I&#39;m trying to get all the elements (tags) inside the Body tag of an HTML page in an array using pure javascript. I mean without using any framework (ex. JQuery). 

I&#39;ve found that you can use `document.all` but that will return all the elements inside the whole document including the scripts. 

Is there anyway I can get those tags?


Get all elements in the body tag using pure javascript

I'm trying to get all the elements (tags) inside the Body tag of an HTML page in an array using pure javascript. I mean without using any framework (ex. JQuery).
I've found that you can use <code>document.all</code> but that will return all the elements inside the whole document including the scripts.
Is there anyway I can get those tags?

Where this is coming from
-------------------------
When I first learned jQuery, I normally attached events like this:
 
    $(&#39;.my-widget a&#39;).click(function() {
        $(this).toggleClass(&#39;active&#39;);
    });
 
After learning more about selector speed and event delegation, I read in several places that &quot;jQuery event delegation will make your code faster.&quot; So I started to write code like this:
 
    $(&#39;.my-widget&#39;).on(&#39;click&#39;,&#39;a&#39;,function() {
        $(this).toggleClass(&#39;active&#39;);
    });
 
This was also the recommended way to replicate the behavior of the deprecated .live() event. Which is important to me since a lot of my sites dynamically add/remove widgets all the time. The above doesn&#39;t behave exactly like .live() though, since only &lt;a&gt; elements added to the already existing container &#39;.my-widget&#39; will get the behavior. If I dynamically add another block of html after that code has ran, those &lt;a&gt; elements will not get the events bound to them. Like this:
 
    setTimeout(function() {
        $(&#39;body&#39;).append(&#39;&lt;div class=&quot;my-widget&quot;&gt;&lt;a&gt;Click does nothing&lt;/a&gt;&lt;/div&gt;&#39;);
    }, 1000);
&lt;br&gt;
What I want to achieve:
----------------------- 
1. the old behavior of .live() // meaning attaching events to not yet existent elements
2. the benefits of .on()
3. fastest performance to bind events
4. Simple way to manage events
 
I now attach all events like this:

    $(document).on(&#39;click.my-widget-namespace&#39;, &#39;.my-widget a&#39;, function() {
        $(this).toggleClass(&#39;active&#39;);
    });
 
Which seems to meet all my goals. (Yes it&#39;s slower in IE for some reason, no idea why?)
It&#39;s fast because only a single event is tied to a singular element and the secondary selector is only evaluated when the event occurs (please correct me if this is wrong here). The namespace is awesome since it makes it easier to toggle the event listener. 
&lt;br&gt;
&lt;br&gt;
My Solution/Question
--------------------
So I&#39;m starting to think that jQuery events should always be bound to $(document).&lt;br&gt;
**Is there any reason why you would not want to do this?&lt;br&gt;
Could this be considered a best practice? If not, why?**


If you&#39;ve read this whole thing, thank you. I appreciate any/all feedback/insights. 


Assumptions:

1. Using jQuery that supports `.on()` // at least version 1.7
2. You want the the event to be added to dynamically added content
 
Readings/Examples:
 
1. http://24ways.org/2011/your-jquery-now-with-less-suck
2. http://brandonaaron.net/blog/2010/03/4/event-delegation-with-jquery
3. http://www.jasonbuckboyer.com/playground/speed/speed.html
4. http://api.jquery.com/on/

Should all jquery events be bound to $(document)?

When creating a JavaScript function with multiple arguments, I am always confronted with this choice: pass a list of arguments vs. pass an options object.

For example I am writing a function to map a nodeList to an array:

    function map(nodeList, callback, thisObject, fromIndex, toIndex){
        ...
    }

I could instead use this:

    function map(options){
        ...
    }

where options is an object:

    options={
        nodeList:...,
        callback:...,
        thisObject:...,
        fromIndex:...,
        toIndex:...
    }

Which one is the recommended way? Are there guidelines for when to use one vs. the other?

[Update] There seems to be a consensus in favor of the options object, so I&#39;d like to add a comment: one reason why I was tempted to use the list of arguments in my case was to have a behavior consistent with the JavaScript built in array.map method.

Multiple arguments vs. options object

I have a `&lt;div&gt;` with `id=&quot;modal&quot;` generated dynamically with the jQuery `load()` method:

    $(&#39;#modal&#39;).load(&#39;handlers/word.edit.php&#39;);

`word.edit.php` contains a few input element, which are loaded into a modal `&lt;div&gt;`.

Using jQuery&#39;s `keyup` method I can capture the input values after an event fires, but
when the elements are added dynamically to the modal div, the event no llonger fires when the user enters their text.

Which jQuery method supports handling events triggered by dynamically created elements?


The code for creating the new input elements is:

    $(&#39;#add&#39;).click(function() {
        $(&#39;&lt;input id=&quot;&#39;+i+&#39;&quot; type=&quot;text&quot; name=&quot;translations&#39; + i + &#39;&quot;  /&gt;&#39;)
          .appendTo(&#39;#modal&#39;);
 
The code for capturing the user&#39;s values is:

    $(&#39;input&#39;).keyup(function() {
        handler = $(this).val();
        name = $(this).attr(&#39;name&#39;);

This second code block seems to work for the original elements, but it is not fired by the new dynamically generated elements.






Events triggered by dynamically generated element are not captured by event handler

Can any one give a working example for history.replaceState? This is what [w3.org][1] says:

&gt; `history.replaceState(data, title [, url  ] )`
&gt;
&gt; *Updates the current entry in the session history to have the given data, title, and, if provided and not null, URL.*

---
### Update

This works perfectly:

    history.replaceState( {} , &#39;foo&#39;, &#39;/foo&#39; );

URL is changing, but title is not changing. Is that a bug or am I missing something? Tested on latest Chrome.

  [1]: http://www.w3.org/TR/html5/browsers.html#the-history-interface

history.replaceState() example?

I don&#39;t understand this behaviour:

    var string = &#39;a,b,c,d,e:10.&#39;;
    var array = string.split (&#39;.&#39;);

I expect this:

    console.log (array); // [&#39;a,b,c,d,e:10&#39;]
    console.log (array.length); // 1

but I get this:

    console.log (array); // [&#39;a,b,c,d,e:10&#39;, &#39;&#39;]
    console.log (array.length); // 2

Why two elements are returned instead of one? **How does `split` work?**

Is there another way to do this?

String split returns an array with more elements than expected (empty elements)

Is there a set of classes in Twitter&#39;s Bootstrap framework that aligns text?

For example, I have some tables with `$` totals that I want aligned to the right...

    &lt;th class=&quot;align-right&quot;&gt;Total&lt;/th&gt;

and

    &lt;td class=&quot;align-right&quot;&gt;$1,000,000.00&lt;/td&gt;


Text-align class for inside a table

Textareas are great because of some built in functionality (scrollbars). How can I format `&lt;spans&gt;` of text inside of the `&lt;textarea&gt;`?

Format text in a &lt;textarea&gt;?

I have a select box and I&#39;m trying to change the background color of the options when the select box has been clicked and shows all the options.

&lt;!-- begin snippet: js hide: false console: true babel: false --&gt;

&lt;!-- language: lang-css --&gt;

    body {
      background: url(http://subtlepatterns.com/patterns/black_linen_v2.png) repeat;
    }

    select {
      margin: 40px;
      background: rgba(0, 0, 0, 0.3);
      color: #fff;
      text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
    }

&lt;!-- language: lang-html --&gt;

    &lt;select&gt;
      &lt;option val=&quot;&quot;&gt;Please choose&lt;/option&gt;
      &lt;option val=&quot;1&quot;&gt;Option 1&lt;/option&gt;
      &lt;option val=&quot;2&quot;&gt;Option 2&lt;/option&gt;
      &lt;option val=&quot;3&quot;&gt;Option 3&lt;/option&gt;
      &lt;option val=&quot;4&quot;&gt;Option 4&lt;/option&gt;
    &lt;/select&gt;

&lt;!-- end snippet --&gt;



Change select box option background color

I have a **dynamic HTML5** document that does not contain any external resources (no images, css and scripts are coded inside of document). This HTML5 application is working fine with internet browser. I was wondering, if it would be possible to **convert** this **HTML5 application into standalone Android application**, so it can be executed directly without browser. Please advise.

Content Type	Original Author	Original Content on Stackoverflow
Question	Kaiusee	View Question on Stackoverflow
Solution 1 - Javascript	jfriend00	View Answer on Stackoverflow
Solution 2 - Javascript	Sirko	View Answer on Stackoverflow

Get all elements in the body tag using pure javascript

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

Solution 2 - Javascript

Checkstyle Eclipse plugin doesn't work

How Do I Convert a Unix Timestamp to ISO 8601 in JavaScript?

Attributions