dom.href和dom.setAttribute('href','')问题

2016年4月5日19:58:48

遇到的问题
在dom中获取属性的值和设置属性的值
代码如下

链接


我想给上面的连接添加一个链接属性href

方法1:


方法2：

但是：
var value1 = ele_a.getAttribute('value');
var value2 = ele_a.href;

var ele_p = document.getElementById('p_id');
ele_p.innerHTML="value1="+value1+":"+"value2="+value2;

在上面同时加上这两句话：
结果都是：
value1=http://www.baidu.com:value2=http://www.baidu.com/
这说明了：
在获取标签自带的属性的值的时候，这个两个方法都是一样。
上面是我给属性设置了值得情况，但是我在没有设置之前获取这个href会是这样的呢：

结果是：
value1=null:value2=
这说明了这两个方法的值是两个不同的内存区域
总结：
在设置的时候，
setAttribute()会先去标签的属性中找有没有这个属性，如果有，就设置它的值，不新建，并把引用返回，如果没有则在自己的内存区域新建属性对象
在获取值得时候，getAttribute()和.href分别在自己的内存区域内寻找属性值