<script type="text/javascript">

var main = document.body;

function createa(url,text)

{

 var a=document.createElement("a")

 a.setAttribute("href",url)

 a.setAttribute("style","color:red")

 var b=document.createTextNode(text)

 a.appendChild(b)

 main.appendChild(a)

}

// 调用函数创建链接

this.createa("http://www.imooc.com","慕课网")

</script> 

以上代码可以正确运行，而下面的代码却不能正确运行是为什么？

<script type="text/javascript">

var main = document.body;

//创建链接

function createa(url,text)

{

 var a=document.createElement("a")

      a=a.setAttribute("href",url)

     a=a.setAttribute("style","color:red")   //就这里与上面的代码不一样，这里用了赋值的方式但是这段代码就是报错所‘setAttribute’

 var b=document.createTextNode(text)//没定义

 a.appendChild(b)

 main.appendChild(a)

}

// 调用函数创建链接

this.createa("http://www.imooc.com","慕课网")

</script>