效果

 <body><input type="button" id="btn" value="显示效果" /><input type="text" value="你是" name="name1" /><input type="text" value="你是" name="name2" /><input type="text" value="你是" name="name1" /><input type="text" value="你是" name="name3" /><input type="text" value="你是" name="name1" /><script>function my(id){return document.getElementById(id);}my("btn").onclick=function(){//通过name属性获取value值var inputs=    document.getElementsByName("name1");//通常获取的是表单标签nameconsole.log(inputs);for (var i = 0; i < inputs.length; i++) {inputs[i].value="njjjj";}}</script></body>

js根据name值获取元素相关推荐

  1. js根据value值删除元素

    js根据value值删除元素 问题说明:点击表格的多选框,点击后的多选框,利用事件机制实现多选框数据的获取,然后利用数组转存,点击选择事件后,把数组遍历,通过string类型显示出来,点击取消事件后, ...

  2. js通过classname来获取元素

    原生JS有3种方式来获取元素: getElementById('id') getElementsByName('name') getElementsByTagName('tag') getElemen ...

  3. JS中使用offsetHeight 获取元素高度为0问题

    今天再写代码时,要获取 一个 ul 的高度,我就使用 offsetHeight ,但是获取出来的结果却是 0,试了好久,发现拼写语法都没有错,最后,发现是没有去除浮动问题,我 ul 里面的 li 使用 ...

  4. js基础总结——js 获取元素节点、js 绑定onclick事件、js 获取属性 修改属性值、js 获取子元素、js 改变css样式

    参考书籍:<JavaScript DOM编程艺术 第2版> 本博客代码的测试页面是:https://www.layui.com/ js dom操作 js 获取元素节点 一份document ...

  5. 原生js获取html元素属性,JS(原生js和jq方式)获取元素属性(自定义属性),删除属性(自定义属性)...

    JS(原生js和jq方式)获取元素属性(自定义属性),删除属性(自定义属性) 以下内容: 一.获取元素的属性 二.设置元素的属性 三.删除元素的属性 一.获取元素的属性 1-原生JS 获取属性 .ge ...

  6. js获取元素方式总结

    一. 根据id属性的值获取元素,返回来的是一个元素对象 document.getElementById("id属性的值"); 根据标签名字获取元素,返回来的是一个伪数组,里面保存了 ...

  7. js获取元素节点的几种方法

    1.以元素名获取 //通过标签名获取元素节点(获取0到多个节点) //书写格式: //document.getElementsByTagName("元素名") let divEle ...

  8. vue获取元素高度值

    文章目录 获取元素的高度值 获取元素的样式值 获取元素的内联样式值 获取UI框架元素高度值(这里以`Element-UI`为例子) 普通的html元素 <div ref='xxx'>< ...

  9. JQuery获取元素的N种方法

    一.根据标签属性或属性值获取 1.根据属性获取元素 比如要获取页面p标签中属性有id的元素 代码如下: $("p[id]").css("color"," ...

最新文章

  1. bzoj 2724[Violet 6]蒲公英
  2. excel 打开显示安装office自定义项 安装期间出错
  3. 响应式的无限滚动全屏dribbble作品集布局展示效果
  4. C#语言编程之抽象类与接口的比较
  5. java读取文件内容,文件头有\ufeff
  6. ios实践之tableView顶部“弹簧”图片
  7. 「轻松转换」专业的PDF转换Excel软件:PDF to Excel Converter for Mac
  8. 数学建模之微分方程(符实现例题和MATLAB源码)
  9. SQL数据库高级查询命令(3)
  10. VMware ESXI 5.0群集+ISCSI存储
  11. vector自动扩容如何实现_全自动拉伸膜真空包装机是如何实现全自动化生产的?...
  12. LINUX编译OpenJDK,也可以指定freetype
  13. 项目部署到自己的IIS上
  14. 计算机ps基础知识教案范文,计算机制图软件ps教案内页.doc
  15. VS2017使用C#编写程序员告白小软件
  16. ArcMap 小知识(16):栅格计算器 raster calculator
  17. html5 文本框只能输入正整数,控制input文本框只能输入正整数
  18. 生活中很多“被我们忽视的东西”存在价值
  19. 每日一诗词 —— 行路难
  20. python什么是多线程_python中多线程指的是什么

热门文章

  1. 做到这一点,你也可以成为优秀的程序员(转)
  2. 手机如何优雅地自动化登录校园网?
  3. x265 1.8版本更新
  4. 下载windows10.iso
  5. linux的./configure --prefix的作用
  6. STM32 HAL库PID控制电机 第二章 TB6612FNG芯片驱动GB37-520电机
  7. java表格怎样设置内间距_如何设置表格的间距和背景等属性
  8. 前端-基础篇-HTML-HTML基本结构
  9. 数据结构排序算法之归并排序(c语言实现)
  10. 基于Ant的Mentions自定义公式功能