Document getElementsByName() Method

最新推荐文章于 2021-01-14 08:16:03 发布
最新推荐文章于 2021-01-14 08:16:03 发布
阅读量490 收藏
点赞数
分类专栏： JavaScript 文章标签： button

Definition and Usage

The getElementsByName() method accesses all elements with the specified name.

Syntax

document.getElementsByName(name)

ParameterDescription
nameRequired. The name of the element you want to access/manipulate

Browser Support

The getElementsByName() method is supported in all major browsers.

Example

Example

Alert the number of elements with a specific name:

<html>
<head>
<script type="text/javascript">
function getElements()
  {
  var x=document.getElementsByName("x");
  alert(x.length);
  }
</script>
</head>
<body>

<input name="x" type="text" size="20" /><br />
<input name="x" type="text" size="20" /><br />
<input name="x" type="text" size="20" /><br /><br />
<input type="button" οnclick="getElements()" value="How many elements named 'x'?" />

</body>
</html>

Try it yourself »
ColorPaper
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript实现自动填写表单实例简析
11-23
这段代码首先通过`document.getElementsByName()`获取到表单对象，然后根据字段的`name`属性设置相应的值。最后，调用`submit()`方法来提交表单。 然而，为了让这个脚本易于使用，我们可以将其与浏览器的书签功能...
iframe 的刷新方式 这样方式更方便
12-11
document.getElementsByName('fr')[0].contentWindow.location.reload(); ``` 这里，`contentWindow`属性返回`iframe`的窗口对象，`location.reload()`则负责重新加载该窗口的内容。 **2. 修改`document.fr....
实现全选_javascript之document.getElementsByName实现复选框全选和全不选
weixin_35618325的博客
01-14 319
html代码<body> 全选<input type="checkbox" id="all" onclick="checkAll()"/><br/> <input type="checkbox" name="a" /> <input type="checkbox" name="a" /> <input type="checkbox"...
document.getElementsByName()的用法
世范水晶
10-26 902
getElementById(), getElementsByName()与getElementsByTagName()的用法比较！ &lt;%@ page language="java" contentType="text/html" pageEncoding="utf-8"%&gt;&lt;html&gt; &lt;head&gt;  &lt;title&gt;Login
js 获取文件对象var fileObj = document.getElementsByName("blobupFile")[0].files[0];
热门推荐
qq_34169240的博客
06-28 1万+
easyUI中上传文件的easyui-filebox：（class="easyui-filebox"）&lt;input id="Document_filePath" class="easyui-filebox" name="blobupFile" data-options="buttonText:'选择文件',method: 'post',required:true" style="wi
自定义document.getElementsByName() 兼容IE Firfox
关中游侠
07-30 726
From： http://bbs.0duinfo.com/showtopic-32-1.aspx   应用场景：        1、网站后台多栏目组        2、多标签控制 效果及代码图：
document对象
你若盛开，清风自来
02-13 6068
一、Document对象 1、什么是Document对象？ DOM(Document Object Model,文档对象模型)定义了访问和操作HTML文档的标准方法。它把HTML文档表现为带有元素、属性和文本的树结构（节点树），如下图所示： 文档对象:代表浏览器窗口中的文档，每个载入浏览器的HTML文档都会成为Document对象。 作用：访问HTML文档中包含的任何HTML标记并可动态地改变HT...
getElementsByName 和 getElementById 方法在IE 和Google FF浏览器区别
chengbowen00的专栏
01-20 295
今天在测试的时候发现getElementsByName在IE中好使，在google中不好使，后面发现传入的值是节点的ID，后面查询资料发现如下： 对于ID & Name 按最经典的解释的：“ID 就如同我们的身份证，Name就如同我们的名字”，也就是说，在一个html文档中ID是唯一的，但是Name是可以重复的，就象我们的人名可以重复但是身份证确实全中国唯一的（PS：据说有重复的^_^） 但...
prototype.js扩展document.getElementsByName()
king of coding
08-31 115
    最近做模具标套管理时，需要手动配置列的属性数目，导致在jsp页面上需要通过标签的name属性来获得一个数组标签对象，从而做些业务上的判断，公司经常用的prototype.js，随想在js上添加一个document.getElementsByName()的简写方式，类似$()。   //此代码放入prototype.js中 function $S() { var resul...
prototype.js 扩展 document.getElementsByName()
前前
11-20 181
最近做模具标套管理时，需要手动配置列的属性数目，导致在jsp页面上需要通过标签的name属性来获得一个数组标签对象，从而做些业务上的判断，公司经常用的prototype.js，随想在js上添加一个document.getElementsByName()的简写方式，类似$()。 Js代码 [code="javascript"]//此代码放入prototype.js中...
javascriptYUI.pdf
09-30
- `document.getElementById(id)` 和 `document.getElementsByName(name)`：根据ID或名称获取元素。 - `document.createElement(tagName)`：创建一个新的HTML元素。 - `document.elementFromPoint(x, y)`：根据...
javascript 自动填写表单的实现方法
10-29
javascript:document.getElementsByName('username')[0].value = 'stangray'; document.getElementsByName('username')[0].focus(); ``` 这段代码中，`getElementsByName`方法用于获取所有name为'username'的元素，...
嵌入式iframe子页面与父页面js通信的方法
10-24
访问子页面的DOM元素就像访问父页面中的元素一样，如`document.getElementById()`或`document.getElementsByName()[index]`。例如： ```javascript parent.window.document.getElementsByName("myFrame")[0]; ...
JavaScript 音乐播放器及其源代码.zip
07-22
项目：带有源代码的 JavaScript 音乐播放器 JavaScript 音乐播放器是一个使用 JavaScript、CSS 和 HTML 开发的简单项目。这个项目很有趣。在这里，用户可以通过单击不同颜色的图块来播放不同类型的曲调，并欣赏音乐的声音。此外，用户可以像钢琴一样使用它们来生成不同的曲调。   项目制作 音乐播放器项目仅包含 HTML、CSS 和 JavaScript。谈到该系统的功能，用户可以播放不同类型的音乐。您只需单击不同颜色的图块即可收听音乐。该项目包含大量 JavaScript，用于使项目正常运行。 如何运行该项目？ 要运行此项目，您不需要任何类型的本地服务器，但需要浏览器。我们建议您使用现代浏览器，如 Google Chrome 和 Mozilla Firefox。要运行此系统，首先，通过单击 index.html 文件在浏览器中打开项目。 演示： 该项目为国外大神项目，可以作为毕业设计的项目，也可以作为大作业项目，不用担心代码重复，设计重复等，如果需要对项目进行修改，需要具备一定基础知识。 注意：如果装有360等杀毒软件，可能会出现误报的情况，源码本身并无病毒，使用源码时可以关闭360，或者添加信任。
鸿蒙开发健康app案例
07-22
该项目是记录用户日常饮食情况，以及针对不同食物摄入营养不同会有对应的营养摄入情况和日常运动消耗情况，用户可以自己添加食品以及对应的热量。 主要有登陆界面，饮食统计页面，食物列表页 登陆界面首先是进入欢迎界面，然后加载首选项，用户同意授权进入首页，否则弹出用户协议，同意保存首选项，否则就跳出app 饮食统计界面，进入首页之后，用户可以选择日期和获取当前日期来加载饮食记录，饮食记录会展示热量统计，营养统计和分组展示饮食记录 食物列表页展示食物列表以及可以填写食物数量和跳转到食物详情页
1_2_1_pointcloud_based_occupancy_gride_map.launch.py
07-22
1_2_1_pointcloud_based_occupancy_gride_map.launch.py
USB教程与源码.rar
最新发布
07-22
USB教程与源码.rar
function checkboxSelectAll() { var checkboxes = document.getElementsByName("hobby"); for (var i = 0; i < checkboxes.length; i++) { checkboxes[i].checked = true; } } // 全不选 function checkboxSelectNone() { var checkboxes = document.getElementsByName("hobby"); for (var i = 0; i < checkboxes.length; i++) { checkboxes[i].checked = false; } } // 反选 function checkboxSelectReverse() { var checkboxes = document.getElementsByName("hobby"); for (var i = 0; i < checkboxes.length; i++) { checkboxes[i].checked = !checkboxes[i].checked; } }更改为jQuery
05-31
Sure, here is the jQuery version of the code: ... To invert the selection, we use the `each()` method to iterate over each checkbox and toggle its `checked` property using the `prop()` method.

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值