javascript学习之路之元素获取和设置属性

时间：2022-09-17 21:14:21

收拾心情，学习学习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的工作模式，先加载文档的静态内容，在动态刷新，动态刷新不影响文档的静态内容，也就是说，对页面内容进行刷新却不需要在浏览器里刷新页面

相关文章