使用setAttribute和直接创建属性效果不同？？？

源自：9-16 创建元素节点createElement

使用setAttribute和直接创建属性效果不同？？？

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

</head>

<body>

<script type="text/javascript">

var main = document.body;

//创建链接

function createa(url,text)

{

var li=document.createElement("a");

/*li.setAttribute("href","url");

li.setAttribute("innerHTML","text");*/

//为什么使用注释掉的内容就不能运行呢？注释掉的内容哪里有错误呢？

li.href=url;

li.innerHTML=text;

li.style.color="red";

main.appendChild(li);

}

// 调用函数创建链接

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

</script>

</body>

</html>

提问者：Wo_o明 2016-01-27 15:37

个回答

RoughColorText

2017-08-14 22:45:22

obj.setAttribute("attr","value")是DOM1级,而直接obj.attr=value是DOM0级。对于DOM（元素节点）对象使用setAttribute是W3C标准,兼容性更好.

0
_一六01

2016-03-20 16:38:40

li.innerHTML是li元素的html内容，并不是他的属性，所以要报错。

0
考拉丶

2016-02-02 11:25:15

http://www.imooc.com/qadetail/57746看看这个问题吧，还有就是你用了注释的内容就不需要下面这两行代码了
li.href=url;
li.innerHTML=text;

0
Wo_o明

2016-01-27 15:38:48

使用setAttribute出不来效果，改用直接增加属性的方法就可以用，是我在写setAttribute方法时，哪里写错了吗？

0