zoukankan      html  css  js  c++  java
  • Collection 访问方式

    Collection 访问方式

    当我们按照 TagName 或者 Class 再或者 name 获取节点时 他会返回Collection(就是我们说的集合),我们一般用[]中括号去访问他的元素,但

    是不止是中括号 其实 还可以是: item()方法访问每一个元素 和 nameItem()通过名字来访问指定的元素,具体我们详细说说:

    1. item()

    定义和用法

    item() 方法返回一个节点列表中指定索引的节点。

    语法:

    document.body.childNodes.item(0);
     
     

     2.nameItem()

    定义和用法

    主义这个是name 属性 或者 Id 属性 啊!   不是标签名(TagName)啊!

    我也做过笔记啊!就是说 如果有重复的 都是以第一个出现的为准!  

    namedItem() 方法返回 HTMLCollection 对象中指定 ID 或 name 的元素。

    也可以使用以下简写方式来获取:

    var x = document.getElementsByTagName("P")["myElement"];

    语法

    HTMLCollection.namedItem(name)

    或:

    HTMLCollection[name]    //中括号的强大啊  可以 指定name属性查找  又 可以 指定Id查找的 


    Collection 菜鸟教程给出就那么多:花个两分钟记一下

    DOM HTMLCollection

    HTMLCollection 是 HTML 元素的集合。

    HTMLCollection 对象类似一个包含 HTML 元素的数组列表。

    getElementsByTagName() 方法返回的就是一个 HTMLCollection 对象。


    属性和方法

    下表列出了 HTMLCollection 对象中的属性和方法:

    属性 / 方法描述
    item() 返回 HTMLCollection 中指定索引的元素。
    length 返回 HTMLCollection 中元素的数量。
    namedItem() 返回 HTMLCollection 中指定 ID 或 name 属性的元素。

    实例

    返回所有 p 元素的集合,该集合是一个 HTMLCollection 对象:

    实例

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

    尝试一下 »

    计算文档中 p 元素的数量:

    实例

    var x = document.getElementsByTagName("P"); document.write(x.length);

    尝试一下 »

    循环输出 HTMLCollection 对象中的所有元素:

    实例

    var x = document.getElementsByTagName("P"); document.write(x.length);














     

    本文来自博客园,作者:咸瑜,转载请注明原文链接:https://www.cnblogs.com/bi-hu/p/14773220.html

  • 相关阅读:
    Direct3D光与材质的颜色值
    Direct中灯光的注意事项
    DirectInput:poll轮询理解
    GetAsyncKeyState函数返回值
    关于PeekMessage中hwnd参数
    VS链接MySql需注意的一些问题(C/C++)
    Windows配置:环境变量是个什么玩意儿?
    项目中ofstream 打开当前文件夹下内容失败原因
    hdoj--2073--无限的路(数学规律)
    hdoj--1205--吃糖果(规律)
  • 原文地址:https://www.cnblogs.com/bi-hu/p/14773220.html
Copyright © 2011-2022 走看看