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的工作模式,先加载文档的静态内容,在动态刷新,动态刷新不影响文档的静态内容,也就是说,对页面内容进行刷新却不需要在浏览器里刷新页面
-------------------------------------------
个性签名:独学而无友,则孤陋而寡闻。做一个灵魂有趣的人!
如果觉得这篇文章对你有小小的帮助的话,记得在右下角点个“推荐”哦,博主在此感谢!
万水千山总是情,打赏一分行不行,所以如果你心情还比较高兴,也是可以扫码打赏博主,哈哈哈(っ•̀ω•́)っ✎⁾⁾!
![](https://images.cnblogs.com/cnblogs_com/Agui520/1561402/o_20191008180218.png)
![](https://images.cnblogs.com/cnblogs_com/Agui520/1561402/o_20191008180155.png)
您的资助是我最大的动力!
金额随意,欢迎来赏!