• JavaScript类数组对象参考


    JavaScript和DOM中有很多类数组对象,它们有以下特点

    1、有length属性

    2、可以使用[]通过下标访问

    3、部分类数组对象使用[]访问成员时不只可以使用下标,还可以使用id或name

    4、既然满足了1、2条件,当然也可以通过for循环来遍历

    但正如其名字,它们只是类似数组,而不是数组,并不能使用数组的特有方法,如slice、push、pop等。不过如果确实需要它们像数组一样工作,可以使用Array.prototype.slice(类数组对象, 0)来产生一个数组。产生的数组也就失去了原有类数组对象所特有的方法和[]使用name来访问的特性

    下面是一些类数组对象的介绍

    一、Arguments

    arguments是最常见的类数组对象,在函数内部使用,arguments[0]或functionName.arguments[0]

    成员介绍

    属性
    length //长度
    callee //正在执行的函数


    二、NodeList

    以下代码形式返回类型为NodeList

    childNodes
    getElementsByName(name)  
    getElementsByClassName(className)  
    getElementsByTagName(tagName)  
    getElementsByTagNameNS(namespaceURI, tagName)  
    querySelectorAll(selectors)document.all.tags(tagName)

    成员介绍

    属性
    length //长度
    方法
    item(idx) //访问成员,支持下标、元素id
    


    三、StyleSheetList

    以下代码形式返回类型为NodeList

    document.styleSheets

    成员介绍

    属性
    length //长度
    方法
    item(idx) //访问成员,支持下标、元素id、元素name

    四、HTMLCollection

    以下代码形式返回类型为HTMLCollection

    children
    document.images //所有img元素  
    document.links //所有带href属性的a元素和area元素  
    document.anchors //所有带name属性的a元素  
    document.forms //所有form元素  
    document.scripts //所有script元素  
    document.applets //所有applet元素  
    document.embeds //所有embed元素  
    document.plugins //document.与embeds相同  
    tBodies(table元素)
    rows(table、tbody、thead、tfoot元素)
    cells(tr元素)
    areas(map元素)

    成员介绍

    属性
    length //长度
    方法
    item(idx) //访问成员,支持下标、元素id、元素name
    namedItem(name) //访问成员,支持元素id、元素name

    五、HTMLFormControlsCollection (继承HTMLCollection)

    以下代码形式返回类型为HTMLFormControlsCollection

    elements(form元素)

    成员介绍

    属性
    length //长度
    方法
    item(idx) //访问成员,支持下标、元素id、元素name
    namedItem(name) //访问成员,支持元素id、元素name


    六、HTMLOptionsCollection(继承HTMLCollection)

    以下代码形式返回类型为HTMLFormControlsCollection

    options(select元素)

    成员介绍

    属性
    length //长度
    selectedIndex //当前选中option的下标
    方法
    item(idx) //访问成员,支持下标、元素id、元素name
    namedItem(name) //访问成员,支持元素id、元素name
    add(option, beforeIndex) //添加option
    remove(index) //删除option
    


    七、HTMLAllCollection

    以下代码形式返回类型为HTMLFormControlsCollection

    document.all

    成员介绍

    属性
    length //长度
    方法
    item(idx) //访问成员,支持下标、元素id、元素name
    namedItem(name) //访问成员,支持元素id、元素name
    tags(tagName) //返回特定标签名称的NodeLi
    


  • 相关阅读:
    OCP-1Z0-053-V13.02-131题
    OCP-1Z0-053-V13.02-130题
    OCP-1Z0-053-V13.02-127题
    OCP-1Z0-053-V13.02-126题
    OCP-1Z0-053-V13.02-125题
    Oracle 11g New 带调度程序的轻量作业
    Oracle 11g New 资源管理器:新增的EM 界面
    Oracle 11g New 自动维护任务以及I/O校准
    tinyxml解析内存中的字符串缓冲区
    win32--tinyxml中对XML文件中的转义字符的处理
  • 原文地址:https://www.cnblogs.com/dyllove98/p/3162809.html
Copyright © 2020-2023  润新知