实例1：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>getElementsByName</title>
</head>
<body >
<p name="pr" ff="pr"> aaa </p>
<p name="pr" ff="pr"> bbb </p>
<p name="pr" ff="pr"> ccc </p>
<p name="pr" ff="pr"> ddd </p>
<p name="pr" ff="pr"> eee </p>
<p name="pr" ff="pr"> eee </p>
<p name="pr" > eee </p>
<p name="pr" > eee </p>
<input type="button" onclick="myFun()" value="按钮"/>
</body>
<script type="text/javascript" >
function myFun() {
var count = 0;
var pArr = document.getElementsByTagName_r("p");
for(var i=0;i<pArr.length;i++) {
var p = pArr[i];
if (p.getAttribute("ff") == "pr" ) {
count++;// 符合要求的p标签数目
}
}
alert(count);
}
</script>
</html>
实例2：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>getElementsByName2[拿到name是pr的p标签对象数组]</title>
</head>
<body >
<p name="pr" ff="pr"> aaa </p>
<p name="pr" ff="pr"> bbb </p>
<p name="pr" ff="pr"> ccc </p>
<p name="pr" ff="pr"> ddd </p>
<p name="pr" ff="pr"> eee </p>
<p name="pr" > eee </p>
<p name="pr" > eee </p>
<p name="pr" > eee </p>
<input type="button" onclick="myFun()" value="按钮"/>
</body>
<script type="text/javascript">
var getElementsByName = function(name){
var rets = document.getElementsByName(name);
if(rets.length == 0) {
rets = [];
var alls = document.getElementsByTagName_r("*");
for(var i=0;i<alls.length ; i++) {
if(alls[i].getAttribute("name") == name) {
rets.push(alls[i]);
}
}
}
return rets;
};
function myFun() {
var res = getElementsByName("pr");
alert(res.length);
}
</script>
</html>
相关推荐
#### 四、实例对比 **使用`document.getElementsByName()`：** ```html ``` ```javascript var elements = document.getElementsByName("example"); if (elements.length > 0) { for (var i = 0; i ; i++) { ...
### 实例解析 下面的示例创建了一个简单的HTML页面，其中包含三个`<input>`元素，它们都具有`name="myInput"`。当用户点击“How many elements named 'myInput'?”按钮时，`getElements()`函数会被调用，这个函数会...
### JavaScript中Checkbox使用方法实例分析 #### 一、概述 在Web开发中，`checkbox`是一种常见的表单元素，主要用于实现多选功能。利用JavaScript，我们可以实现对`checkbox`的各种操作，如全选、反选等。本文将...
### Javascript操作表单实例讲解（下） #### 一、文本域 文本域是表单中用于输入文本信息的元素，在HTML中使用`<input type="text"/>`来定义。文本域的操作通常包括设置和获取文本值。在JavaScript中，文本域的值...
var input = document.getElementsByName('data')[0]; var qr = new QRious({ element: document.getElementById('qr-code'), value: input.value }); }); ``` 以上就是关于Qrious插件的基本介绍和使用方法。...
`document.write()`方法常用于动态生成页面内容，`document.createElement(Tag)`用于创建新的HTML元素，`getElementByIdx(ID)`和`getElementsByName(Name)`分别用于获取具有特定ID或Name的元素。 在处理图像时，`...
- **`$getElementsByName(name)`**: 根据给定的名字获取DOM元素集合。 例如，`checkIsEmpty`方法的一种可能实现如下： ```javascript function commonFunction() { this.checkIsEmpty = function (form) { var ...
var input = document.getElementsByName('myText')[0].value; if (input === '') { alert('请输入内容!'); return false; } // 使用AJAX提交表单，防止页面刷新 var xhr = new XMLHttpRequest(); xhr.open...
本文将通过一个简单实例，讲解如何在JavaScript中获取JSP表单中单选按钮（radio）类型的值。 首先，我们需要了解单选按钮（radio）在HTML表单中的基本用法。单选按钮允许用户在一组选项中选择一个值，它通常使用`...
var nodes = document.getElementsByName("mm"); for (var x = 0; x ; x++) { nodes[x].checked = node1.checked; } } ``` 此函数接收一个参数`node1`，即当前被点击的全选`checkbox`。当该`checkbox`被勾选时，...
本文将详细探讨DOM的核心概念、操作方法以及节点类型，并通过实例代码帮助理解如何在实际开发中使用DOM。 首先，DOM定义了一个节点层次，其中包括多种类型的节点。按照W3C DOM规范，节点类型包括元素节点、文本节点...
在这个实例中，作者通过具体的HTML代码和JavaScript函数来展示如何实现这一功能。下面将详细介绍实现的步骤和相关知识点。 首先，HTML部分展示了如何创建一组复选框元素，每个复选框都有一个name属性和一个value...
它通过`document.getElementsByName("checkme")`获取所有名为"checkme"的Checkbox，然后遍历并模拟点击每个Checkbox。同时，它还收集了选中项的值，并将它们存储在一个数组`arr`中。 ```javascript function fun() ...
本文实例总结了JavaScript节点及列表操作的方法。分享给大家供大家参考。具体如下： （1）创建新节点 createDocumentFragment() //创建一个DOM片段 createElement() //创建一个具体的元素 createTextNode() //创建...
紧接着，实例中涉及到了JavaScript的`document.getElementsByName()`方法，这个方法可以获取到一组具有相同`name`属性值的DOM元素。在这个例子中，获取到的是name属性为`dogandcat`的一组单选按钮（`...
### JS与jQuery获取Input输入框中的值实例讲解 #### 一、引言 在Web开发中，经常需要处理用户输入的数据。JavaScript 和 jQuery 是前端开发中最常用的两种工具，它们提供了强大的功能来操作DOM（文档对象模型），...
JavaScript是一种广泛应用于网页和网络应用开发的客户端脚本语言，它可以直接在用户的浏览器上运行，无需服务器支持。在本文中，我们将深入探讨如何利用JavaScript来...希望这个实例对你的JavaScript编程实践有所帮助。
本文实例讲述了JS选取DOM元素常见操作方法。分享给大家供大家参考，具体如下： JS选取DOM元素的方法 注意：原生JS选取DOM元素比使用jQuery类库选取要快很多 1、通过ID选取元素 document.getElementById('myid'); 2...
### JavaScript 实例大全 #### 一、事件处理 JavaScript中的事件处理是前端开发中非常重要的一部分，它使得网页能够响应用户的交互行为。下面是一些常用的事件属性和方法： 1. **`event.srcElement.tagName`** -...