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对象,属于单个元素节点对象;

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏谈补锅

JS面向对象笔记二

注意点:当构造函数里面有return关键字时,如果返回的是非对象,new命令会忽略返回的信息,最后返回时构造之后的this对象;   如果return返回的是与...

34170
来自专栏desperate633

为什么Java中类的成员变量不能被重写?成员变量在Java中能够被重写么?不会重写成员变量,而是隐藏成员变量访问隐藏域的方法

这篇文章讨论了Java面向对象概念中一个基本的概念--Field Hiding(成员变量隐藏)

15840
来自专栏lzj_learn_note

4-字符串

字段宽度是转换后的值保留的最小字符个数,精度是数字转换结果中应该包含的小数位数或字符串转换后的值所能包含的最大字符个数。

9630
来自专栏雪胖纸的玩蛇日常

老男孩Python全栈开发(92天全)视频教程 自学笔记06

21460
来自专栏行者常至

004.golang 常量与运算符

Go虽然保留了指针,但与其它编程语言不同的是,在Go当中不 支持指针运算以及”->”运算符,而直接采用”.”选择符来操作指针 目标对象的成员

11710
来自专栏五分钟学算法

每天一算:Contains Duplicate II

15330
来自专栏从流域到海域

Python set(集合) 这一定是最全的介绍集合的博文

Python的set是一个无序且无重复元素的集合,概念上相当于数学上的无序集,数据结构上相当于dict的键。 既然set是集合,则必然可以实现并、交、...

24750
来自专栏柠檬先生

JavaScript 基础(一)

基本语法: 区分大小写:       ECMAScript 中的一切(变量,函数名和操作符)都区分大小写。 标识符:     表示符就是指,变量,函数,属性...

220100
来自专栏hbbliyong

JavaScript replace() 方法

定义和用法 replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。 语法 stringObject.replace(...

39950
来自专栏Modeng的专栏

JavaScript中的正则表达式

版权声明:本文为原创文章发布于公众号:Modeng , 你可以随意转载但请务必注明出处!!!https://blog.csdn.net/qq_32135281/...

9320

扫码关注云+社区

领取腾讯云代金券