stubbornella/jsbin.IQUhEse.html

## jsbin.IQUhEse.html
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
  <div class="text">text to be replaced</div>

</body>
</html>

## jsbin.IQUhEse.js
var text,
	content = "<div>a</div><div>e</div><div>t</div><div>7</div><div>1</div>";

text = document.getElementsByClassName("text"); // this could run before the document is ready... fix.

for (i=0; i< text.length; i++){
	text[i].innerHTML = content;
}

registerEventHandler(document.body, "click", function(){
	alert(findIndex(event.target));
});

function findIndex(node) {
	var siblings,
		index = -1;
	siblings = node.parentNode.children;

	for (i=0; i<siblings.length; i++){
		index ++;
		if (siblings[i] == node) {
			return index;
		}
	}
	return -1;
}

function registerEventHandler(node, event, handler){
	if (typeof node.addEventListener == "function") {
		node.addEventListener(event, handler, false);
	}
	else {
		node.attachEvent("on" + event, handler);
	}
}
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset=utf-8 />
	<title>JS Bin</title>
	</head>
	<body>
	<div class="text">text to be replaced</div>

	</body>
	</html>
	var text,
	content = "<div>a</div><div>e</div><div>t</div><div>7</div><div>1</div>";

	text = document.getElementsByClassName("text"); // this could run before the document is ready... fix.

	for (i=0; i< text.length; i++){
	text[i].innerHTML = content;
	}

	registerEventHandler(document.body, "click", function(){
	alert(findIndex(event.target));
	});

	function findIndex(node) {
	var siblings,
	index = -1;
	siblings = node.parentNode.children;

	for (i=0; i<siblings.length; i++){
	index ++;
	if (siblings[i] == node) {
	return index;
	}
	}
	return -1;
	}

	function registerEventHandler(node, event, handler){
	if (typeof node.addEventListener == "function") {
	node.addEventListener(event, handler, false);
	}
	else {
	node.attachEvent("on" + event, handler);
	}
	}