js学习总结

本文详细探讨了JavaScript中DOM操作的核心概念,包括全局变量与局部变量的使用,以及四个实用的DOM方法(getElementById, getElementsByTagName, getAttribute, setAttribute)。同时,阐述了如何利用这些方法进行元素节点的查询、属性获取与设置,以及childNodes与nodeType属性的运用。通过实例演示了如何遍历并查询元素属性,提供了深入理解与实际应用DOM操作的指南。

1. 函数中有关全局变量和局部变量:根据习惯 在变量前面加var声明就是局部变量 .

2.四个非常实用的DOM方法:getElementById,getElementsByTagName,getAttribute,setAttribute.

3.解释DOM:D(document,文档)、O(object 对象)、M(Model 模型)

4.getElementById和getElementsByTagName区别:它们都是检索特定元素的节点的方法,getElementById()取文档中的ID唯一值,将返回一个对象,该对象对应着文档里的

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

5.getAttritube()方法是一个函数。他只有一个参数-你打算查询的属性的名字:

   object.getAttribute(attribute),不过,getAttribute()方法不能通过document对象调用,只能通过一个元素节点对象调用它。

   例如:可以把它与getElementsByTagName()方法结合起来,去查询每个<p>元素的title属性,如下所示:

   var paras=document.getElementsByTagName("p");

   for  (var i=0; i < paras.length;i++ ) {

   alert(paras[i].getAttribute("title"))

   }

6.setAttribute()方法除料用来检索信息,他允许我们对属性节点的值做出修改。setAttribute()方法需要我们向它传递两个参数(setAttribute,value);

7.childNodes属性让我们可以从给定文本文档的节树点里把任何一个元素的子元素检索出来。childNodes 属性将返回一个数组,这个数组包含给定元素的全体子元素。

8.nodeType属性

  

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值