zoukankan      html  css  js  c++  java
  • 没有document.getElementByName

    首先声明的是:

    document.getElementByName方法没有。document.getElementsByName得到的是标签的数组
    document.getElementId
    得到的是某一个标签
    <form name="form_write">
    <input name="content" type="text">

    然而可以用很浅显的方式得到如:

    var fn = document.getElementsByName("form_write")[0];  //得到这个form下的对象

    fn.content.value;//就直接去用这个对象取值就可以了。



    document.getElementById  

     
     
    1、getElementById

    作用:一般页面里ID是唯一的,用于准备定位一个元素 
    语法: document.getElementById(id) 
    参数:id :必选项为字符串(String) 
    返回值:对象; 返回相同id对象中的第一个,按在页面中出现的次序,如果无符合条件的对象,则返回 null

    example:
    document.getElementById("id1").value;

    2、getElementsByName

    作用:按元素的名称查找,返回一个同名元素的数组
    语法: document.getElementsByName(name)
    参数:name :必选项为字符串(String)
    返回值:数组对象; 如果无符合条件的对象,则返回空数组,按在页面中出现的次序
    注意:返回数组值为value属性的值,
                如果某标签无value属性,当你添加上value属性并赋值后,getElementsByName也能取到其值,
                当未对value属性赋值时,  getElementsByName返回数组值将是undefined ,
                但仍能获得相同name标签的个数document.getElementsByName(name).length
                当未设置name属性时document.getElementsByName仍能使用,它将根据你id取得value属性的值

    example:
    document.getElementsByName("name1")[0].value;  
    document.getElementsByName("name1")[1].value;
    <span id='CBylawIndexName' class='normalNode' value='all' >全部</span>"
    <span id='CBylawIndexName' class='normalNode' value='ALL' >全部</span>"
    span标签其实没有name和value属性
    但document.getElementsByName("CBylawIndexName")仍将取得value的值

    3、getElementsByTagName

    作用:按HTML标签名查询,返回一个相同标签元素的数组
    语法: object.getElementsByTagName(tagname) object可以是document或event.srcElement.parentElement等
    参数:tagname:必选项为字符串(String),根据HTML标签检索。
    返回值:数组对象; 如果无符合条件的对象,则返回空数组,按在页面中出现的次序

    example:
    document.getElementsByTagName("p")[0].childNodes[0].nodeValue;  
    document.getElementsByTagName("p")[1].childNodes[0].nodeValue
  • 相关阅读:
    Activiti 开发案例之动态指派任务
    SpringBoot开发案例之打造十万博文Web篇
    「玩转Python」打造十万博文爬虫篇
    SpringBoot开发案例Nacos配置管理中心
    「玩转Python」突破封锁继续爬取百万妹子图
    SpringBoot开发案例之分布式集群共享Session
    「玩转树莓派」树莓派 3B+ 配置无线WiFi
    「玩转树莓派」搭建智能家居远程监控系统
    「玩转树莓派」搭建属于自己的云盘服务
    「玩转树莓派」为女朋友打造一款智能语音闹钟
  • 原文地址:https://www.cnblogs.com/james1207/p/3268818.html
Copyright © 2011-2022 走看看