bijian1013
bijian1013

getElementsByName实例

实例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>

 

你可能感兴趣的:(element)

  • 3、JavaWeb-Ajax/Axios-前端工程化-Element 所谓远行Misnearch #JavaWeb前端ajaxelementuijava前端框架
    P34Ajax介绍Ajax:AsynchroousJavaScriptAndXML，异步的JS和XMLJS网页动作，XML一种标记语言，存储数据，作用：数据交换：通过Ajax给服务器发送请求，并获取服务器响应的数据异步交互：在不重新加载整个页面的情况下，与服务器交换数据并实现更新部分网页的技术，例如：搜索联想、用户名是否可用的校验等等。同步与异步：同步：服务器在处理中客户端要处于等待状态，输入域名
  • el-dialog宽度自适应 STATICHIT静砸 JavaScriptvue.jselementuijavascript自适应
    最近在自适应上做了很多功夫其中有一个是，在使用element-plus的el-dialog时，在pc端和在手机端打开，由于屏幕宽度的不同，我希望el-dialog的宽度是不一样的。而el-dialog设置宽度是通过width属性，直接用%来相对窗口设置宽度。我先后尝试了媒体查询，监听屏幕宽度和监听视口宽度来自适应。1️⃣首先，直接给el-dialog设置自定义class结合媒体查询是无效的，直接设
  • max_element()和min_element()函数及用法介绍 藕粉和藕片 数据结构c++
    头文件：algorithminta[]={1,4,7,2,8,9,3,5};1.max_element（first,last）作用：返回数组区间[first，last）中最大元素的位置用法：intt=max_element(a,a+8)-a;//注意要减去a本身的地址cout<
  • Element-UI中el-time-picker时间选择器无法选择 爱健身的小刘同学 bugElementVue系列javascript前端elementui
    前言前几天开发时，在做一个时间选择时，遇到了无法选中时间的问题在网络上找了解决方法，特此记录一下解决方法我的代码结构营业时间时间选择不上的原因是因为初始值问题很有可能是最开始赋值为空数组了所以有3个解决方法1.设置为nullbusinessTimeInfo:null2.设置当前时间businessTimeInfo:[newDate(newDate()),newDate(newDate())]（默认
  • COMP315 JavaScript Cloud Computing for E Commerce zhuyu0206girl javascript开发语言ecmascript
    Assignment1:Javascript1IntroductionAcommontaskincloudcomputingisdatacleaning,whichistheprocessoftakinganinitialdatasetthatmaycontainerroneousorincompletedata,andremovingorfixingthoseelementsbeforeform
  • 程序员开发技术整理 laizhixue 学习前端框架
    前端技术：vue-前端框架element-前端框架bootstrap-前端框架echarts-图标组件C#后端技术：webservice：soap架构：简单的通信协议，用于服务通信ORM框架：对象关系映射，如EF：对象实体模型，是ado.net中的应用技术soap服务通讯：xml通讯ado.net：OAuth2:登录授权认证：Token认证：JWT：jsonwebtokenJava后端技术：便捷工
  • java selenium 元素点击不了 马达马达达 selenium测试工具
    最近做了一个页面爬取，很有意思被机缘巧合下解决了。这个元素很奇怪，用xpath可以定位元素，但是就是click()不了。试过了网上搜的一些办法：//尝试一WebElementa_tag=driver.findElement(By.xpath("xxx"));a_tag.click();//点击不了，卡住//尝试二WebDriverWaitwait=newWebDriverWait(driver,1
  • 【Vue】elementUI-MessageBox组件相关 SZnA1 vue.jselementui前端
    官方代码：点击打开MessageBoxexportdefault{methods:{open(){this.$confirm('此操作将永久删除该文件,是否继续?','提示',{confirmButtonText:'确定',cancelButtonText:'取消',type:'warning'}).then(()=>{this.$message({type:'success',message:'
  • vue3 + Element + nodejs 大文件上传、断点续传 ZL随心 vue.js前端javascript
    前言大文件上传，一般时间都比较长，这么长的时间内，可能会出现各种各样的问题，比如断网，一旦出错，我们的文件就需要重新上传，这样造成资源浪费，如果我们使用了断点续传继续就不会造成资源浪费了，因为当出现错误的时候，我们再重新上传文件，就会从我们出现错误的地方开始上传了，对于出错前上传的内容就不用再上传了，对于已经上传过的文件，就可以实现秒传的效果了。完整仓库地址流程1、上传方法constonUploa
  • 突破编程_C++_面试（STL 编程 stack） breakthrough_01 突破编程_C++_面试c++面试
    1请简述std::stack在C++STL中的基本功能和使用场景std::stack在C++STL（标准模板库）中是一个容器适配器，专门用于实现后进先出（LIFO，Last-In-First-Out）的数据结构。其基本功能和使用场景如下：基本功能：push(element)：向栈顶添加元素。pop()：移除栈顶元素。如果栈为空，则此操作可能会导致未定义行为。top()：返回栈顶元素的引用，但不移除
  • leetcode 347.前k个常见的元素 沉靥 #blind75（第一轮）leetcode算法python笔记
    leetcode347.前k个常见的元素参考资料[blind75](Practice(neetcode.io))，[代码随想录](代码随想录(programmercarl.com))一、力扣[第347题](TopKFrequentElements-LeetCode)有序数组的平方（[视频链接](TopKFrequentElements-BucketSort-Leetcode347-Python(y
  • react可视化编辑器 第五章 升级版 拖拽、缩放、转圈、移动 zhooson react.js编辑器前端
    本章代码结构：主入口Test.tsx,组件：ResizeControl.tsx本章花费俩天时间完成代码例子，单独抽离代码封装好一个ResizeControl组件，拿来即用。代码中constdomObj=document.getElementById(resize-item-${startPos.id})这句是关键代码，不然获取的dom节点有问题，导致多个红色div操作时候会重叠ResizeCont
  • vue+elementUI用户修改密码的前端验证 zj_zjk_sjz vue.js前端elementuijavascript
    用户登录后修改密码，密码需要一定的验证规则。旧密码后端验证是否正确；前端验证新密码的规范性，新密码规范为：6-16位，至少含数字/字母/特殊字符中的两种；确认密码只需要验证与新密码是否一致；弹窗结构取消确认form验证规则passRules:{oldPassword:[{required:true,message:'请输入旧密码',trigger:'blur'}],newPassword:[{va
  • Playwright中locator() 方法快速定位网页元素[全面总结] 铁松溜达py 前端javascripthtmlpython
    Playwright是一个用于浏览器自动化的库，它支持多种浏览器和多种语言。在Playwright中，`page.locator()`方法用于创建一个元素定位器（ElementLocator）。元素定位器是一个强大的工具，可以帮助你在页面上找到并操作元素。------------page.locator(selector)page.locator(selector,**kwargs)Playwri
  • vue+elementUI实现右击指定表格列的单元格显示选择框 yuhuamei vue.jselementui前端
    一、template代码如下：1、表格单元格中添加的代码：{{scope.row[item.prop]}}2、右键时弹出的选择框代码选择铁心级号全选显示-->隐藏js代码如下：//铁心级号选择时handleCheckedChange:function(val){letcheckedCount=val.length;this.checkAll=checkedCount===this.coreLeve
  • C语言经典面试题目（十五） Masami22 C语言面试题目c语言面试开发语言职场和发展
    1、如何在C语言中实现堆数据结构？在C语言中，可以通过动态内存分配来实现堆数据结构。一种常见的方式是使用数组来表示堆，并使用堆的性质来维护数组的结构。以下是一个简单的堆数据结构的示例：#include#include#defineMAX_HEAP_SIZE100typedefstruct{int*elements;intsize;intcapacity;}Heap;Heap*createHeap(
  • 代码随想录算法训练营第三天 | 203.移除链表元素，707.设计链表 206.反转链表 B七.七.七J 算法链表数据结构
    203.移除链表元素https://leetcode.cn/problems/remove-linked-list-elements/description/1.不带表头法因为是不带表头的，所以要区分两种情况，第一种是要删除的链表元素就是表头的元素，这里假设有多个要删除的元素，所以应该是while(head!=NULL&&head->val==val)用的是while循环的方式，而不是If的形式，
  • html行内元素（内联元素），块级元素分别有哪些？ 王 歪歪 基础知识html前端
    html行内元素（内联元素），块级元素分别有哪些？常用的分类包括行内元素（内联元素）和块级元素。下面是它们的示例列表：行内元素（InlineElements）：内联元素（InlineElements）是行内元素的另一个术语，它们的行为和显示方式与行内元素相似。块级元素（Block-levelElements）：到标题和列表列表项表格表单、、等语义化元素、、等语义化元素块级元素在默认情况下会在新行上
  • React 测试库 - API liangshanbo1215 TestingLibraryreact.js前端前端框架单元测试
    ReactTestingLibrary也会重新导出DOMTestingLibrary中的所有内容如以下方法：renderfunctionrender(ui:React.ReactElement,options?:{/*Youwon'toftenusethis,expandbelowfordocsonoptions*/},):RenderResult渲染到到document.body的容器中。imp
  • vue element input让浏览器不保存密码 niesiyuan000 vue.jselementuijavascript
    从网上看了很多，比如auto-complete="new-password"比如autocomplete="off"这是真的用不了啊，最后用css可以实现1、html2、datareach__vioSecretkey:'',//违纪秘钥reach__seePwd:false,3、methodsseePwd(){this.reach__seePwd=!this.reach__seePwd},4、cs
  • el-popover 实现1个组件在页面上复用 maotou526 elementuijavascript前端elementui
    个人需求：点击dom展示出该行数据的详细信息。解决方案：使用elementui的对话框组件或者弹出框组件。疑问：elementui官方文档上的弹出框组件针对于每个dom都需要套一个。这个太蠢了，忍不住重点：pop组件中有一个referenceElm属性可以调整关联的dom元素（就是希望点击哪个dom出现弹层的那个dom）//组件配置//方法openDetail(item){this.selecte
  • 【elementui】一招解决 el-table 重复写 loading 的问题 落落叶叶无声 elementuielementuiel-tableloading重复前端
    问题项目中使用elementui开发表格的小伙伴知道，给el-table添加加载动画一般都是用v-loading指令，同时组建中添加loading变量来控制。可是当表格越来越多时，每次都必须加一个loading变量同时在请求数据的方法中必须耦合loading的控制逻辑。太多的重复工作，既降低效率，也使得代码难于维护。解决方法使用Mixin+Proxy第一步，创建loading.js作为mixin，
  • Unity3D多线程UI之滚动框数据和模型绑定 胡强_79a4
    先附上git地址https://github.com/huqiang0204/huqiang.UnitySubThreadUI首先声明一个需要反射的模型类classItem//模型UI可自行定制{publicTextElementText;}然后创建一个数据集合，可以是IList，Array和FakeArray声明一组数据，并且绑定到滚动框上ListtestData=newList();//数据的
  • jQuery ready 和 window.onload 的区别 BluesCurry
    执行时间：window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。$(element).ready()是DOM结构绘制完毕后就执行，不必等到页面所有元素加载完毕。编写方法个数不同：window.onload不能同时编写多个，如果有多个window.onload方法只会执行一个。$(element).ready()可以同时编写多个，并且都可以得到执行。注：$(document)
  • Element-UI穿梭框去掉左箭头按钮 太空漫步11 vuejqueryelementui
    往vue项目中加入一个穿梭框页面首先在views目录中创建Transfer.vue文件：import$from'jquery'exportdefault{mounted(){console.log('mounted');$('.el-transfer__buttons').children().first().remove();},data(){constgenerateData=_=>{cons
  • 基于Java+SpringBoot+vue+element疫情物资捐赠分配系统设计和实现 央顺技术团队 成品程序项目javaspringbootvue.js毕业设计开发语言后端
    基于Java+SpringBoot+vue+element疫情物资捐赠分配系统设计和实现作者主页央顺技术团队欢迎点赞收藏⭐留言文末获取源码联系方式文章目录基于Java+SpringBoot+vue+element疫情物资捐赠分配系统设计和实现一、前言介绍：二、系统设计：2.1系统设计规则：2.2系统整体架构：2.3系统功能设计：2.4登录时序图设计：三、功能截图：3.1登录注册模块：3.2用户首页
  • 基于Java+SpringBoot+vue+element实现婚纱摄影网系统 央顺技术团队 成品程序项目javaspringbootvue.js后端开发语言
    基于Java+SpringBoot+vue+element实现婚纱摄影网系统作者主页央顺技术团队欢迎点赞收藏⭐留言文末获取源码联系方式文章目录基于Java+SpringBoot+vue+element实现婚纱摄影网系统前言介绍：系统设计：系统功能结构设计功能截图：登录注册：前台首页：后台管理：代码实现：论文参考：前言介绍：随着现代网络技术发展，对于婚纱摄影网的设计现在正处于网络发展的阶段，所以对它
  • 基于Java+SpringMVC+vue+element宠物管理系统设计实现 央顺技术团队 成品程序项目javavue.js宠物数据库mybatis前端springboot
    基于Java+SpringMVC+vue+element宠物管理系统设计实现博主介绍：5年java开发经验，专注Java开发、定制、远程、文档编写指导等,csdn特邀作者、专注于Java技术领域作者主页央顺技术团队Java毕设项目精品实战案例《1000套》欢迎点赞收藏⭐留言文末获取源码联系方式文章目录基于Java+SpringMVC+vue+element宠物管理系统设计实现一、前言介绍：二、系统
  • pypbc双线性对库的使用 一定会成为大牛的小宋 python密码学
    pypbc是python中使用双线性配对运算的库，在密码学中双线性对是经常使用到的运算。pypbc的安装请参照ubuntu16.04安装pypbc库pypbc中提供了Parameters、Pairing、Element三个类Parameters生成参数：由于是在椭圆曲线上生成的双线性对，PBC库提供了几种不同的曲线，pypbc一般取的是a类曲线，具体参照PBCLibraryManual0.5.14
  • 基于Java+SpringBoot+vue+element实现前后端分离玩具商城系统 央顺技术团队 成品程序项目javaspringbootvue.js毕业设计spring后端
    基于Java+SpringBoot+vue+element实现前后端分离玩具商城系统博主介绍：5年java开发经验，专注Java开发、定制、远程、文档编写指导等,csdn特邀作者、专注于Java技术领域作者主页央顺技术团队Java毕设项目精品实战案例《1000套》欢迎点赞收藏⭐留言文末获取源码联系方式文章目录基于Java+SpringBoot+vue+element实现前后端分离玩具商城系统前言介
  • 对于规范和实现，你会混淆吗？ yangshangchuan HotSpot
    昨晚和朋友聊天，喝了点咖啡，由于我经常喝茶，很长时间没喝咖啡了，所以失眠了，于是起床读JVM规范，读完后在朋友圈发了一条信息： JVM Run-Time Data Areas：The Java Virtual Machine defines various run-time data areas that are used during execution of a program. So
  • android 网络 百合不是茶 网络
    android的网络编程和java的一样没什么好分析的都是一些死的照着写就可以了,所以记录下来  方便查找   ,  服务器使用的是TomCat   服务器代码;  servlet的使用需要在xml中注册 package servlet; import java.io.IOException; import java.util.Arr
  • [读书笔记]读法拉第传 comsci 读书笔记
          1831年的时候,一年可以赚到1000英镑的人..应该很少的...       要成为一个科学家,没有足够的资金支持,很多实验都无法完成       但是当钱赚够了以后....就不能够一直在商业和市场中徘徊......
  • 随机数的产生 沐刃青蛟 随机数
    c++中阐述随机数的方法有两种：   一是产生假随机数（不管操作多少次，所产生的数都不会改变）          这类随机数是使用了默认的种子值产生的，所以每次都是一样的。   //默认种子 for (int i = 0; i < 5; i++) { cout<<
  • PHP检测函数所在的文件名 IT独行者 PHP函数
    很简单的功能，用到PHP中的反射机制，具体使用的是ReflectionFunction类，可以获取指定函数所在PHP脚本中的具体位置。 创建引用脚本。 代码：   [php]   view plain copy // Filename: functions.php    <?php&nbs
  • 银行各系统功能简介 文强chu 金融
    银行各系统功能简介 　 业务系统 核心业务系统 业务功能包括：总账管理、卡系统管理、客户信息管理、额度控管、存款、贷款、资金业务、国际结算、支付结算、对外接口等 清分清算系统 以清算日期为准，将账务类交易、非账务类交易的手续费、代理费、网络服务费等相关费用，按费用类型计算应收、应付金额，经过清算人员确认后上送核心系统完成结算的过程 国际结算系
  • Python学习1(pip django 安装以及第一个project) 小桔子 pythondjangopip
        最近开始学习python,要安装个pip的工具。听说这个工具很强大，安装了它，在安装第三方工具的话so easy!然后也下载了，按照别人给的教程开始安装，奶奶的怎么也安装不上！ 第一步：官方下载pip-1.5.6.tar.gz, https://pypi.python.org/pypi/pip easy! 第二部：解压这个压缩文件，会看到一个setup.p
  • php 数组 aichenglong PHP排序数组循环多维数组
    1 php中的创建数组 $product = array('tires','oil','spark');//array()实际上是语言结构而不  是函数 2 如果需要创建一个升序的排列的数字保存在一个数组中，可以使用range()函数来自动创建数组 $numbers=range(1,10)//1 2 3 4 5 6 7 8 9 10 $numbers=range(1,10,
  • 安装python2.7 AILIKES python
    安装python2.7 1、下载可从 http://www.python.org/进行下载#wget https://www.python.org/ftp/python/2.7.10/Python-2.7.10.tgz 2、复制解压 #mkdir -p /opt/usr/python #cp  /opt/soft/Python-2
  • java异常的处理探讨 百合不是茶 JAVA异常
    //java异常  /* 1，了解java 中的异常处理机制，有三种操作 a,声明异常  b,抛出异常  c,捕获异常 2，学会使用try-catch-finally来处理异常 3，学会如何声明异常和抛出异常 4，学会创建自己的异常   */   //2，学会使用try-catch-finally来处理异常  
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他