javascript之getAttribute()方法 应用续

getattribute()方法●一份文档就是一棵节点树。

●节点分为不同的类型:元素节点、属性节点和文本节点等。

●getelementbyid()方法将返回一个对象,该对象对应着文档里的一个特定的元素节点。

●getelementsbytagname()方法将返回一个对象数组,它们分别对应着文档里的一个特定的元素节点。

●这些节点中的每个都是一个对象。

接下来,我们将向大家介绍几个与这些对象相关联的属性和方法。

3.4.1 getattribute()方法

至此,我们已经向大家介绍了两种检索特定元素节点的办法:一种是使用getelementbyid()方法,另一种是使用getelementsbytagname()方法。在找到那个元素后,我们就可以利用getattribute()方法把它的各种属性的值查询出来。

getattribute()方法是一个函数。它只有一个参数——你打算查询的属性的名字:

object.getattribute(attribute)

不过,getattribute()方法不能通过document对象调用,这与我们此前介绍过的其他方法不同。我们只能通过一个元素节点对象调用它。

例如,你可以把它与getelementsbytagname()方法结合起来,去查询每个

元素的title属性,如下所示:

var text=document.getelementsbytagname("p")

for (var i=0;i

var ts=document.getelementsbytagname("li");

for (var i=0; i

{

var text=ts[i].getattribute("title");

alert(ts[i].getattribute("title"))

if(text)

{

ts[i].setattribute("title","我会成功!")

alert(ts[i].getattribute("title"))

}

}

上面这段代码将先从文档里把已经带有title属性的

元素全部检索出来,然后把它们的title属性值全部修改为brand new title text。具体到“购物清单”文档,属性值a gentle reminder将被覆盖。

这里有一个非常值得关注的细节:通过setattribute()方法对文档做出的修改,将使得文档在浏览器窗口里的显示效果和/或行为动作发生相应的变化,但我们在通过浏览器的view source(查看源代码)选项去查看文档的源代码时看到的仍将是原来的属性值——也就是说,setattribute()方法做出的修改不会反映在文档本身的源代码里。这种“表里不一”的现象源自dom的工作模式:先加载文档的静态内容、再以动态方式对它们进行刷新,动态刷新不影响文档的静态内容。这正是dom的真正威力和诱人之处:对页面内容的刷新不需要最终用户在他们的浏览器里执行页面刷新操作就可以实现。

======================================================
在最后，我邀请大家参加新浪APP，就是新浪免费送大家的一个空间，支持PHP+MySql，免费二级域名，免费域名绑定 这个是我邀请的地址，您通过这个链接注册即为我的好友，并获赠云豆500个，价值5元哦！短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了，每天挂广告赚50+元哦，呵呵，饭钱不愁了，\(^o^)/