Python スクリプトで作成した遺伝子のリストを使用して、リスト内の各遺伝子に対してクリック可能なリンクを作成しようとしています。これを実現するために Flask フレームワークを使用しており、{{genes}} 変数を使用してリスト内の遺伝子にアクセスできます。ページのソースを表示するとこのリストが表示されますが、javascript 関数を使用して各遺伝子を DOM の本体に追加しようとすると、何も表示されません。私が間違っていることを誰かが知っていますか？
<!DOCTYPE html>
<html>
<head>
<h1>Genes<h1>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
</head>
<script type ="text/javascript">
function showGenes(){
var name = "";
for (gene in {{genes}}) {
var name = document.createElement('a');
var text = document.createTextNode(name);
name.appendChild(text);
document.body.appendChild(name);
}
}
</script>
<body onload="showGenes()">
</body>
</html>