arestov/allChildren.js

## allChildren.js
function allChildren(root) {

  var node = root.firstChild;
  var result = [];
  var next;
  while (node && node !== root) {

    result.push(node);

    next = node.firstChild || node.nextSibling;

    if (next) {
      node = next;
    } else {
      while (node.parentNode && !node.nextSibling) {
        node = node.parentNode;
      }
      node = node.nextSibling;
    }

  }

  return result;
}


window.addEventListener("load", function(){
  console.info(allChildren(document.body));
}, true);

## index.html
<!DOCTYPE HTML>
<html>
<head>
  <script type="text/javascript" src="main.js"></script>
</head>
<body>
<div>1</div>
<span>2</span>
3
<p><em><strong><code>4</code></strong></em></p>
<abbr>5</abbr>
</body></html>
	function allChildren(root) {

	var node = root.firstChild;
	var result = [];
	var next;
	while (node && node !== root) {

	result.push(node);

	next = node.firstChild \|\| node.nextSibling;

	if (next) {
	node = next;
	} else {
	while (node.parentNode && !node.nextSibling) {
	node = node.parentNode;
	}
	node = node.nextSibling;
	}

	}

	return result;
	}


	window.addEventListener("load", function(){
	console.info(allChildren(document.body));
	}, true);
	<!DOCTYPE HTML>
	<html>
	<head>
	<script type="text/javascript" src="main.js"></script>
	</head>
	<body>
	<div>1</div>
	<span>2</span>
	3
	<p><em><strong><code>4</code></strong></em></p>
	<abbr>5</abbr>
	</body></html>