zoukankan      html  css  js  c++  java
  • Javascript 获取文档元素

    一、getElementById()

      参数:id 属性,必须唯一。

      返回:元素本身。若 id 不唯一,则返回第一个匹配的元素。

      定义的位置:仅 document(即:除 document 之外的元素调用该方法,会报 is not a function)。

      

    二、getElementsByName()

      参数:name 属性,不必唯一。

      返回:NodeList 对象。

      定义的位置:仅 document。

     

    三、document.getElementsByTagName()

      参数:1、HTML 元素,不必唯一,不区分大小写。

         2、* , 匹配所有元素。

      返回:HTMLCollection 对象。

      定义的位置:document 和 element(即:可以在任意元素下调用该方法,获取指定元素的后代元素)。

      

    四、getElementsByClassName()

      参数:1、字符串参数,不必唯一。

         2、若需多个 className 匹配,使用空格分隔每个 class 。

         3、若文档开头对<!DOCTYPE>声明选择的是‘怪异模式’渲染,则 className 不区分大小写,若选择的是‘严格模式’渲染,则需区分大小写。

      返回:HTMLCollection 对象。

      定义的位置:document 和 element。

      

    五、querySelectorAll()

      参数:css 选择器的字符串参数(ID:#、class:.、tag:div、属性:p[name=x]、文档结构:ul>li:first-child、获取多个元素:div, #log)。

      返回:1、返回选择器匹配的所有元素的 NodeList 对象。

         2、没有匹配的元素,返回 空的 NodeList 对象。

         3、选择器字符串非法,抛出异常。

      定义的位置:document 和 element。

      

      彩蛋:JQuery 库中 css 选择器使用了一个与 querySelectorAll() 等效的方法,命名为 $()

    六、querySelector()

      参数:css 选择器的字符串参数(ID:#、class:.、tag:div、属性:p[name=x]、文档结构:ul>li:first-child、获取多个元素:div, #log)。

      返回:1、返回选择器匹配的第一个元素本身。

         2、没有匹配的元素,返回 null。

      定义的位置:document 和 element。

      

     七、document.Name

      对于 <form>、<img>、<ifram>当且仅当为上述元素设置 name 属性的时候,Window 对象会自动创建一个对应的属性,并可通过 document.name 来获取。

      参数<form>、<img>、<ifram> 标签上的 name 名

      返回:1、若 name 仅匹配上一个元素,则返回元素本身

         2、若匹配上多个元素,则返回 HTMLCollection 对象

      定义的位置:仅 document。

      

    七、document.TagName

      对于 <form>、<img>、<a>、<body>、<head>,可通过 document.forms/.images/.links/.body/.head 来获取元素,返回 HTMLCollection 对象。

      参数<form>、<img>、<a>、<body>、<head> 标签名

      返回:1、<form>、<img>、<a>,返回 HTMLCollection 对象,并包含通过 name/id 索引的方法。

         2、<body>、<head>,返回元素本身

      定义的位置:仅 document。

      

  • 相关阅读:
    Windows10下Linux系统的安装和使用//TODO
    RSS
    详解Javascript中的原型与原型链
    《你不知道的Javascript》学习笔记 //TODO
    南昌大学航天杯第二届程序设计竞赛校赛网络同步赛 F
    南昌大学航天杯第二届程序设计竞赛校赛网络同步赛 E
    南昌大学航天杯第二届程序设计竞赛校赛网络同步赛 D
    南昌大学航天杯第二届程序设计竞赛校赛网络同步赛 B
    南昌大学航天杯第二届程序设计竞赛校赛网络同步赛 C
    南昌大学航天杯第二届程序设计竞赛校赛网络同步赛 A
  • 原文地址:https://www.cnblogs.com/dyqblog/p/10251749.html
Copyright © 2011-2022 走看看