Javascript-форум - Объясните новичку ...

Ситуация:
есть код хтмл:

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<link href="../javascript/css/index.css" type="text/css" rel="stylesheet">
	<script src="../javascript/js/index.js" type="text/javascript"></script>
</head>
<body>
	<h2>Примеры JavaScript1</h2>
	<div id="example"></div>
	<ul>
		<li><a href="javascript:ChangeElement()">ChangeElement()</a></li>
	</ul>
</body>
</html>

Есть код жавыскритпа:

function ChangeElement(){
	var div=document.getElementById("example");
	div.firstChild.nodeValue="\Новый текст";
}

Но оно не работает. Текст не вставляется.
Мозгом понимаю (начитавшись доки), что там нет тестового элемента и поэтому не работает ... Вопрос: как при загрузке скрипта дописывать туда текст произвольного содержания? А вызовом функции его менять ... И если не трудно объясните мне как эта зараза работает ...