JavaScript之获取和设置元素属性
1.与我前面的随笔获取元素的那些方法不同http://www.cnblogs.com/GreenLeaves/p/5689075.html 获取元素属性的方法getAttribute()不属于document对象,所以不能通过document对象调用。注意:他只能通过元素节点对象调用，但是可以与获取元素的方法getElementsByTagName()、getElementsById()等方法连用;如下代码：
<body>
<div id="target">
<div class="a">
</div>
<div class="b">
</div>
<div class="c">
</div>
</div>
<script type="text/javascript">
var elements = document.getElementById('target').getElementsByTagName('*');
for (var i = 0; i < elements.length; i++) {
alert(elements[i].getAttribute('class'));
}
</script>
</body>
输出：a,b,c 说明:getAttribute()方法只能获取单个元素节点的属性值，且不属于document对象,属于单个元素节点对象；
2.在前面随便中介绍的方法几乎都是获取元素节点的信息，setAttribute()有点不同,这个方法是用来设置节点的属性值;他和getAttribute()一样,也只能作用与单个元素节点，不属于document对象；代码如下：
<body>
<div id="target">
<div class="a">
</div>
<div class="b">
</div>
<div class="c">
</div>
</div>
<script type="text/javascript">
var elements = document.getElementById('target').getElementsByTagName('*');
for (var i = 0; i < elements.length; i++) {
elements[i].setAttribute('class','class'+i)
alert(elements[i].getAttribute('class'));
}
</script>
</body>
输出:class0,class1,class2 说明：setAttribute()与getAttribute()一样只能对单个元素节点进行赋值，且不属于document对象,属于单个元素节点对象；
JavaScript之获取和设置元素属性的更多相关文章
- js | javascript获取和设置元素的属性
获取和设置元素的内容: var nv = document.getElementById("pid"); alert(nv.innerHTML); nv.innerHTML=&qu ...
- 如何用javascript获取和设置css3属性
==================获取======================== 我想到的第一个思路 var test = document.getElementById('test'); c ...
- javascript中DOM获取和设置元素的内容、样式及效果
getElementById() 根据id获取dom元素 没有找到则返会Null <!DOCTYPE html> <html lang="en"> < ...
- 使用JavaScript获取CSS伪元素属性
我们可以通过DOM元素的 style 属性获取基本的CSS样式值, 但怎么获取CSS伪元素属性呢? 如下 // 获取 .element:before 的 color 值 var color = win ...
- jquery获取和设置元素高度宽度
jquery获取和设置元素高度宽度 1.height()/ width() 取得第一个匹配元素当前计算的高度/宽度值(px) height(val)/ width(val) 为每个匹配的元素设置CSS ...
- js进阶 11-6 jquery如何获取和设置元素的宽高（jquery多方法）
js进阶 11-6 jquery如何获取和设置元素的宽高(jquery多方法) 一.总结 一句话总结:jquery里面多是方法啊,比如jquery对象的宽高.所以取值是方法,赋值就是方法里面带参数. ...
- jQuery获取或设置元素的宽度和高度
jQuery获取或设置元素的宽度和高度: 可使用以下3种方法: 1,jQuery width() 和 height() 方法: 2,innerWidth() 和 innerHeight() 方法: 3 ...
- Android : 反射机制获取或设置系统属性（SystemProperties）【转】
本文转载自:https://blog.csdn.net/wei_lei/article/details/70312512 Android.os.SystemProperties 提供了获取和设置系统属 ...
- 在jquery中应该使用prop方法来获取和设置checked属性，不应该使用attr。
在jquery中应该使用prop方法来获取和设置checked属性,不应该使用attr. $("#checkAll").prop("checked", true ...
随机推荐
- ecshop的小总结
1 为防止非法调用自己的页面,在被包含页面加上: if (!defined('IN_ECS')) {die('Hacking attempt'); } 2 在主动包含页面要定义define('IN_ ...
- SRM 581 D2 L3：TreeUnionDiv2，Floyd算法
题目来源:http://community.topcoder.com//stat?c=problem_statement&pm=12587&rd=15501 这道题目开始以为是要在无向 ...
- AndroidUI 视图动画-旋转动画效果 （RotateAnimation）
RotateAnimation,能实现Android的视图的旋转效果,废话不多说直接上代码. 新建一个Android 项目,在activity_main.xml中添加一个按钮,然后使用Relative ...
- js计算时间差,包括计算，天，时，分，秒
收集两个计算时间差的计算方法代码片段: var date1=new Date(); //开始时间 var date2=new Date(); //结束时间 var date3=date2.getTim ...
- HTML字符实体（Character Entities），转义字符串（Escape Sequence）【转】
为什么要用转义字符串? HTML中<,>,&等有特殊含义(<,>,用于链接签,&用于转义),不能直接使用.这些符号是不显示在我们最终看到的网页里的,那如果我们希 ...
- java中文乱码解决之道（四）—–java编码转换过程
原文出处:http://cmsblogs.com/?p=1475 前面三篇博客侧重介绍字符.编码问题,通过这三篇博客各位博友对各种字符编码有了一个初步的了解,要了解java的中文问题这是必须要了解的. ...
- Mustache学习
Mustache是基于JavaScript的一款模版Web引擎,Web 模板引擎是为了使用户界面与业务数据(内容)分离而产生的,它可以生成特定格式的文档,通常是标准的 HTML 文档. 一.Musta ...
- spring框架详解
把之前分享的spring框架整理一份放在这里. 整体架构: Spring是一个轻量级的控制反转(IoC)和面向切面(AOP)的容器框架 框架图(选自:http://docs.spring.io/spr ...
- javascrip格式
1:若Button_Search_onclick()方法不存则在页面在火狐浏览器是可以正常运行,但是在IE浏览器就会出现问题 建议删除没用到的方法
- OCP prepare 20140626
1. 查询空值 条件为<>'' 是查不出结果的. 如果要查,应该使用 is not null 来查. QUESTION NO: 135 View the Exhibit and e ...