HTML hierarchy based on heading

html-hierarchy-heading.md

function nest_headings(headings) {
	/*
		Return an array of nested heading objects of the form:
		{
			heading: html element
			level: integer 1-6
			children: child headings
		}
	*/
	var heading_levels = {
		'H1': 1,
		'H2': 2,
		'H3': 3,
		'H4': 4,
		'H5': 5,
		'H6': 6,
	}
	function get_level(heading) {
		return heading_levels[heading.tagName];
	}
	var parents = [{heading: null, level: 0, children: []}];
	headings.forEach(function(h) {
		var level = get_level(h);
		while (level <= parents[parents.length-1].level) {
			parents.pop();
		}
		var h_obj = {heading: h, level: level, children: []};
		parents[parents.length-1].children.push(h_obj);
		parents.push(h_obj);
	});
	return parents[0].children;
}