你的位置:首页 > Java教程

[Java教程]javascript学习之路之元素获取和设置属性


收拾心情,学习学习js!总结下自己的学习所得!

现有的有三种方法可以获取元素的节点,分别是通过元素ID,通过标签名和类名来获取的

1.GetElmentById:将返回一个与那个有给定ID属性的值的元素节点对应的对象,方法只有一个参数,元素的id属性的值必须放在单引号或双引号里

documrnt.GetElmentById(id)

 

2.GetElmentsByTagName:方法返回一个对象数组,每个对象分别对应这文档里有给定标签的一个元素,它的参数就是标签的名字

dovument.GetElmentsByTagName(tag)

3.GetElmentsByClassName:返回一个具有相同类名的元素的数组,只接受一个参数,就是类名

document.GetElmentsByClassName(class)


获取和设置属性

1.getAttribute:是一个函数,他只有一个参数---打算查询的属性的名字,他只能通过元素节点对象调用,只能用于元素节点。例如他可以与GetElmentsByTagName方法合用,获取每一个<p>元素的title属性

var paras=document.GetElmentsByTagName("p");for(var i=0;i<paras.length;i++){   alert(paras[i].getAttribute("title")); }

2.setAttribute:运行对属性节点的值做出修改,只能用于元素节点。

object.setAttribute(attribute,value);

这里值得注意的地方:通过setAttribute对文档做出修改后,再通过浏览器的view source(查看源代码)选项去查看文档源码时看到的仍是改变之前的属性值,也就是说setAttribute做出的修改不会反映在文档的源代码里,这这种现象来源dom的工作模式,先加载文档的静态内容,在动态刷新,动态刷新不影响文档的静态内容,也就是说,对页面内容进行刷新却不需要在浏览器里刷新页面