js获取元素得几种情况
HTML代码
<div class="divClass" name="myClass">
        <input type="password" name="aa" id="1" value="1" class="a">
        <input type="password" name="aa" id="2" value="2" class="a">
        <input type="password" name="aa" id="3" value="3" class="a">
        <input type="password" name="aa" id="4" value="4" class="a">
</div>
1、通过name拿到对象数组,js如何拿到每一个对象的ID的内容?
答案:var aa = document.getElementsByName("aa");for(var i=0;i<aa.length;i++){  var id = aa[i].id;}
2、当分别点击这四个input时,js想要改变他们的class
var aa = document.getElementsByName("aa");
    for(var i=0;i<aa.length;i++){
        $("#"+aa[i].id).click(function(){
        $(this).attr("class","active");
    });
}备注:attr中一个参数代表取值,2个参数代表设值。
3、父节点获取子节点
        <script type="text/javascript">
            var myClass = document.getElementsByName("myClass");
            var b = myClass[0].childNodes;
            for(var i=0;i<b.length;i++){
               alert(b[i].nodeName);
            }
        </script>
js获取元素得几种情况的更多相关文章
- JS获取元素宽高的两种情况
		JS获取元素宽高分两种情况, 一.内联样式,也就是直接把width和height写在HTML元素中的style里: 这种情况使用 document.getElementById('xxx'). ... 
- 【全面总结】js获取元素位置大小
		[js获取元素位置+元素大小]全面总结 目录 1.关于offset offsetParent(只读) offsetTop(只读) offsetLeft(只读) offsetHeight(只读) off ... 
- js获取元素位置和style的兼容性写法
		今天说一下js获取元素位置和style的方法.当然不只是element.style那么简单.. 主角:getBoundingClientRect,getClientRects,getComputedS ... 
- js获取元素提示信息
		js获取元素提示信息 var date=$("#date").attr('placeholder'); js修改元素的提示信息 $("#date").attr( ... 
- js获取元素显示隐藏的当前状态
		js获取元素显示隐藏的当前状态 // CSS var display = $("."+cls).css("display"); if(display == &q ... 
- JS获取元素内容属性以及修改
		1.通过document对象 
- js获取元素的外链样式
		一般给元素设置行内样式,如<div id="div1" style="width:500px;"></div>.如要获取它的样式,即可d ... 
- js获取时间戳的三种方式
		js获取时间戳的三种方式 CreateTime--2018年5月23日08:44:10 Author:Marydon // 方式一:推荐使用 var timestamp=new Date().ge ... 
- 原生js获取元素的样式信息
		工作中经常会需要获取DOM元素的样式,之前都是通过jquery的css()方法,现在总结一下通过原生js获取元素样式的方法. obj.style js var _width = obj.style.w ... 
随机推荐
- Java  统计字母个数
			原理: 将字符串转换成char字符数组 然后使用另一个数组存储 代码如下 public class CalChar { public static void main(String[] args) { ... 
- java字符串根据空格截取并存进list,并在每个元素前后加上/
			public class List1 { public static void main(String[] args) { String s = "abc nnn ooo/xzsxc bs& ... 
- 首席科学家马丁•福勒(Martin Fowler)
			现任思特沃克公司首席科学家的马丁·福勒先生是当今世界软件开发领域最具影响力的五位大师之一.作为一位敏捷软件开发方法的早期开拓者,福勒先生对IT 业的影响是不可估量的. 思特沃克公司是一家跨国专业IT ... 
- flask项目结构(六)快速开发后台flask-admin
			简介: Flask-admin 相当django的xadmin吧! 快速装配一个后台用来管理数据. Flask-admin也是有使用局限性的,他只适合开发小型快速的应用,不适合那种大型并发性高,逻辑复 ... 
- Java 几种showMessageDialog的表示
			最近在做swing程序中遇到使用消息提示框的,JOptionPane类其中封装了很多的方法. 很方便的,于是就简单的整理了一下. 1.1 showMessageDialog 显示一个带有OK 按钮的模 ... 
- redis、memcached、mongoDB 对比
			Mongodb和Memcached不是一个范畴内的东西.Mongodb是文档型的非关系型数据库,其优势在于查询功能比较强大,能存储海量数据.Mongodb 和 Memcached不存在谁替换谁的问题. ... 
- npm webpack vue-cli
			npm.webpack.vue-cli 快速上手版 Node.js npm 什么是Node.js 以及npm 简单的来说 Node.js 就是运行在服务端的JavaScript,基于Chro ... 
- 关于Java课堂实验中的一些总结(Scanner)
			import java.util.Scanner; 这个头文件是java里面用来输入东西的,就相当于c++里面的iostream输入流...?暂且这么理解吧 然后使用方法:Scanner in = n ... 
- WebClient和WebRequest获取html代码
			HTML: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.as ... 
- 18-09-08 关于Linux 的安装遇到的一些小坑
			具体参考我的有道笔记 备注 那个网络问题已经解决 先自动选择打上勾 然后在进行选择 并且正确输入 IP地址之类的 ====用utrallo 制作centos7.0 报错 以下是新的工具有效===== ... 
