为了账号安全,请及时绑定邮箱和手机立即绑定

使用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>


正在回答

4 回答

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

0 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~

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

 li.href=url;

    li.innerHTML=text;


0 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信