为什么我不能把a标签放到一个div里？显示不出效果来了？？谁能告诉我怎么回事
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style type="text/css">
#aaaaa{ width: 100px; height: 100px; background: #CCCCCC;}
</style>
</head>
<body>
<script type="text/javascript">
var main = document.getElementById("aaaaa");
//创建链接
function createa(url,text)
{
var a=document.createElement("a");
a.href=url;
a.innerHTML=text;
a.style.color="red";
main.appendChild(a);
}
// 调用函数创建链接
createa("http://www.imooc.com","慕课网");
</script>
<div id="aaaaa"></div>
</body>
</html>
为什么我不能把a标签放到一个div里？显示不出效果来了？？谁能告诉我怎么回事
