document.getElementsByName()的用法

最新推荐文章于 2024-08-26 17:50:05 发布
最新推荐文章于 2024-08-26 17:50:05 发布
阅读量924 收藏
点赞数
分类专栏： javaScript 文章标签： JavaScript HTML Blog ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/JACKASDFGHJKL/article/details/83737728
版权

getElementById(), getElementsByName()与getElementsByTagName()的用法比较！

<%@ page language="java" contentType="text/html" pageEncoding="utf-8"%>
<html>
 <head>
  <title>Login title here</title>
 </head>
 
 <body>
   <form id ="form1" action="test.do" method="post">
    <input type="text" name="a" value="1">
    <br>
    <input type="text" name="a" value="2">
    <br>
    <input type="text" name="a" value="3">
    <br>
    <input  type="submit" value="提交">
   </form> 

 </body>
        <script type="text/javascript">
         document.getElementById('form1').οnsubmit=function(){
        
         var as=document.getElementsByName('a');
      for(i=0;i<as.length;i++){
      alert(as[i].value);
      }
     }
    </script>
</html>

//==================上面的是HTML与JS把分离的代码（怎么样不用onclick 来触发submit按钮的书写过程）！可以把js代码写在form上面吗？

<%@ page language="java" contentType="text/html" pageEncoding="utf-8"%>
<html>
 <head>
  <title>Login title here</title>
 </head>
 
      <script type="text/javascript">
          function put(){
          //下面是根据id拿值
          //  var a1=document.getElementById("e").value;
          //alert(a1)
         
         //下面是根据Name拿值，拿的是一个集合数组
           //  var as=document.getElementsByName('a');
     //  for(i=0;i<as.length;i++){
     //  alert(as[i].value);
       
      //下面是根据tagName拿值,也是拿的一个数组
     
        var as=document.getElementsByTagName("input");
       for(i=0;i<as.length;i++){
       alert(as[i].value);
     
      }
     }
    </script>
 
 <body>
   <form id ="form1" action="test.do" method="post">
    <input id="e" type="text" name="a" value="1">
    <br>
    <input type="text" name="a" value="2">
    <br>
    <input type="text" name="a" value="3">
    <br>
    <input  type="submit" value="提交" οnclick="put();">
   </form> 

 </body>
  
</html>

 

下面是别人总结的：

http://hi.baidu.com/notebook034/blog/item/567bcffe2a3dfa345c6008c8.html

JACKASDFGHJKL
关注
专栏目录
GetElementByName
我就吃一口的BLOG
12-10 1069
GetElementByName <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript"> // 全选 function checkAll() { // 让所有复选框都选
javascript getElementsByName()的用法说明
10-29
当页面上的控件同名且多个的时候,你首先做的是什么?判断长度?的确,从程序的严密角度出发,我们是需要判断长度,而且有长度和没长度是两种引用方法.
document.all还是document.getElementsByName?
KimYoo的专栏
11-15 2692
当页面上的控件同名且多个的时候,你首先做的是什么?判断长度?的确,从程序的严密角度出发,我们是需要判断长度,而且有长度和没长度是两种引用方法.我们来看:oEle= document.all.aaa ;//这里有一个aaa的对象,但我们不知道它现在长度是多少,所以没办法对它操作.因此,我们要先做判断长度的过程.如下:if(oEle.length){}else{};在两种情况下,花括号里面的内容写法也
document对象获取元素，创建元素
最新发布
m0_70325779的博客
08-26 1268
但是，调用这三个方法创建的三个对象是各自独立存在的，当我们需要将它们组合在一起形成一个完整的标签时，就需要调用 appendChild 方法和 setAttributeNode 方法，此方法可以将节点文本对象和属性对象加入到标签之内从而形成一个完整的标签；该方法返回指定Id属性值的元素节点，由于各个Id值唯一，所以该方法返回值也只有一个，即指定的某个标签，而不会是多个，此外，该方法参数区分大小写。此外该方法返回匹配到的单个节点元素，如果匹配到多个，只会返回第一个，如果没有匹配到，则返回null；
document.getElementById/Name/TagName
binzai325的专栏
09-15 3万+
document.getElementById   1、getElementById 作用：一般页面里ID是唯一的，用于准备定位一个元素 语法： document.getElementById(id) 参数：id :必选项为字符串(String) 返回值：对象; 返回相同id对象中的第一个，按在页面中出现的次序,如果无符合条件的对象，则返回 null exampl
document.getElementByName() 获取值得问题
weixin_34061555的博客
01-08 742
document.getElementByName() 获取 的是 一个 相同 name 属性的 标签 id 数组； <input name="ccc" type="text" id="1" size="20" /><br /> <input name="ccc" type="text" id="2" size="20" /><br /> &l...
document.getElementsByName和document.getElementById 在IE与FF中不同实现
10-30
本文将探讨`document.getElementsByName`和`document.getElementById`这两个DOM操作方法在Internet Explorer（IE）与Firefox（FF）中的不同实现，以及这对开发者的影响。 `document.getElementsByName`这个方法是...
document.getElementsByName用法
05-02
`document.getElementsByName` 方法用于获取文档中所有指定名称的元素节点（如 `<input>`、`<select>`、`<textarea>` 等）。该方法返回的是一个 NodeList 对象，其中包含了所有满足条件的元素节点。 语法如下： ``...
document.getElementsByName
09-06
因此，如果在IE中使用document.getElementsByName()方法并传递一个id属性值作为参数，它将返回与该id属性值匹配的元素集合，而不仅仅是根据name属性值匹配的元素集合。 请注意，这种行为可能会导致一些混淆和不一致...
document.all与getElementById、getElementsByName、getElementsByTagName用法区别-getElementById
09-06
在HTML文档对象模型（DOM）中，有三种主要方法用于查找HTML元素：`document.all`，`getElementById()`，`getElementsByName()` 和 `getElementsByTagName()`。这些方法各有其特性和适用场景，理解它们的区别对于编写...
Document:getElementsByName()使用方法及示例
12-11
定义和用法 getElementsByName() 方法可返回带有指定名称的对象的集合。 语法document.getElementsByName(name) 该方法与 getElementById() 方法相似，但是它查询元素的 name 属性，而不是 id 属性。 另外，因为一个文档中的 name 属性可能不唯一（如 HTML 表单中的单选按钮通常具有相同的 name 属性），所有 getElementsByName() 方法返回的是元素的数组，而不是一个元素。 实例 代码如下: <html> <head> [removed] function
document.getElementByname
adevotee的专栏
12-06 6049
 比如一个列表，对应的checkbox有一个公共名selected，如果该列表只有一个值，那么var obj = document.all.selected拿到的就是一个值，不能有obj.length这样的语句，要想这样，必须要用document.getElementByName(),这样就取到一个对象
9. HTML DOM getElementsByName() 方法
enlyhua的专栏
08-03 409
定义和用法getElementsByName() 方法可返回带有指定名称的对象的集合。 语法document.getElementsByName(name)该方法与 getElementById() 方法相似，但是它查询元素的 name 属性，而不是 id 属性。另外，因为一个文档中的 name 属性可能不唯一（如 HTML 表单中的单选按钮通常具有相同的 name 属性），所有 getEleme
document.getElementByName()的用法
热门推荐
雨林
09-12 6万+
document.getElementByTagName()的用法，用来取得相同name名称的内容 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml">
document.getElementByName()获取div
wizard1992的博客
12-17 617
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &l
【JavaScript】——document.getElementsByName()、document.getElementById()、document.getElementsByTagName()
严文文 Chris
07-03 1564
ocument.getElementsByName()   是根据控件名称获取这个控件对象，因为控件名称可以相同，返回的是一个对象数组。 document.getElementById()     是根据控件ID获取这个控件对象，因为控件ID唯一，返回的是一个对象。 document.getElementsByTagName() 是根据控件TAG获取这个控件对象，返回的是一个对象数组。 例如： H...
Document 对象中的方法介绍-getElementById-getElementsByName- getElementsByTagName 方法示例代码
weixin_45185519的博客
07-27 3758
Document 对象中的方法介绍 document.getElementById(elementId):通过标签的 id 属性查找标签 dom 对象，elementId 是标签的 id 属性值 document.getElementsByName(elementName):通过标签的 name 属性查找标签 dom 对象，elementName 标签的 name 属性值 document.getElementsByTagName(tagname):通过标签名查找标签 dom 对象。tagname 是标
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值