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

  • 相关阅读:
    C/S与B/S应用的区别
    软件测试第三次作业-worldCount
    别再把你当成打工者,而是把你自己当成一个公司,来进行战略规划,逐步提升自己的价值
    未来,你可能不属于任何公司
    如何做职业转型的准备
    伯颜自留后路,项羽破釜沉舟。谁又是对的呢
    java基础之向上造型之后,调用方法的规则
    java入坑计划
    Python动态人脸识别
    Python人脸识别检测(本地图片)
  • 原文地址:https://www.cnblogs.com/bi-hu/p/14773220.html
Copyright © 2011-2022 走看看