zoukankan      html  css  js  c++  java
  • name值与id值在Js获取元素时的区别

    1、适用范围

    除base、head、html、script、meta、title标签外,id都可以用;name只适用于select、form、frame、iframe、img、a、input等中。

    HTML元素Input type='radio'分组,同一时间只能选中一个radio,这个分组就是根据相同的Name属性来实现的。

    2、获取方式

    取得id:document.getElementById("id");

    取得name:document.getElementsByName("name");  注:由于name值不是唯一的,所以得到的结果是个数组;

    3、使用document.id和document.name访问DOM树中的节点

    使用 document.id 和 document.name 访问 DOM 树中节点的方法,可以访问 img 元素、iframe 元素和 form元素。但这种方式不是W3C标准中规定的,所以这些方法的支持因浏览器而异。

    实例:

    直接使用document.name属性 来修改img标签的属性值

    <html>
    <head>
    <script type="text/javascript">
    function mouseOver()
    { document.b1.src
    ="/i/eg_mouse.jpg" } function mouseOut() { document.b1.src ="/i/eg_mouse2.jpg" } </script> </head> <body> <a href="/index.html" target="_blank"> <img border="0" alt="Visit W3School!" src="/i/eg_mouse2.jpg" name="b1" onmouseover="mouseOver()"
    onmouseout
    ="mouseOut()" /></a> </body> </html>
  • 相关阅读:
    centos7安装supervisor
    redis4.0 cluster搭建
    网易cetus数据库中间件安装-读写分离版本
    mongodb副本集基于centos7部署
    C# 单例模式实现
    HttpWebRequest的GET和POST方法
    C#中$的用法
    判断一个表是否存在
    C# 继承的一些解释
    C# 虚方法和抽象方法
  • 原文地址:https://www.cnblogs.com/telnetzhang/p/4836887.html
Copyright © 2011-2022 走看看