首页 理论教育零基础JavaScript:对象方法

零基础JavaScript:对象方法

【摘要】:表13.2.3document对象方法◇ document.getElementById,即使存在多个相同id,也返回第一个节点,从语义上不应该存在多个相同id。动手写13.2.3执行13.2.3.html,输出结果到网页,如下图所示。图13.2.3document对象方法HTMLCollection和NodeList并不是数组,只是和数组的数据结构类似,不具有数组相关方法,俗称伪数组。函数内部的arguments对象也属于伪数组。提示HTMLCollection使用时一般将其实例转换为数组,比如使用boldCollection=[].slice.call,转换成数组后,节点变化不再影响数组长度。

document对象提供了常用的节点获取方法:getBy系列和querySelector系列。如下表所示。

表13.2.3 document对象方法

◇ document.getElementById(id),即使存在多个相同id,也返回第一个节点,从语义上不应该存在多个相同id。

◇ document.getElements*()方法返回的是节点集合HTMLCollection实例。

◇ document.querySelector(selector)返回一个满足selector条件的节点,即使有多个节点满足条件也只返回第一个,selector表示CSS元素选择器。

◇ document.querySelectorAll(selector)返回的是节点集合NodeList实例。

13.2.3.html使用getBy系列和querySelector系列获取元素,如下所示。

动手写13.2.3(www.chuimin.cn)

执行13.2.3.html,输出结果到网页,如下图所示。

图13.2.3 document对象方法

HTMLCollection和NodeList并不是数组,只是和数组的数据结构类似,不具有数组相关方法,俗称伪数组。函数内部的arguments对象也属于伪数组。

提示

HTMLCollection使用时一般将其实例转换为数组,比如使用boldCollection=[].slice.call(boldCollection),转换成数组后,节点变化不再影响数组长度