简单JS代码的一个问题,高手请进

<script language="javascript">
function aa(){
document.getElementById(a).innerHTML="aaaaaaaas";
document.getElementById(c).value="aaaaaaaas";
}

</script>
<form id="bbb" name="bbb">
<input type="button" onclick="aa()" value="提交" />
<div id="a">bbb</div>
<input type="text" id="c" name="c" />
</form>

这个代码哪里有错呢?
为什么运行后bbb不会改变
而文本框也不会有值

<script language="javascript">
function aa(){
document.getElementById("a").innerHTML="aaaaaaaas";
document.getElementById("c").value="aaaaaaaas";
}

</script>
<form id="bbb" name="bbb">
<input type="button" onclick="aa()" value="提交" />
<div id="a">bbb</div>
<input type="text" id="c" name="c" />
</form>
-------------
document.getElementById("a")
document.getElementById("a")

记得加上引号！

<script language="javascript">
function aa(){
document.getElementById('a').innerHTML="aaaaaaaas";
document.getElementById('c').value="aaaaaaaas";

}

<script language="javascript">
function aa(){