大学资料-DOM基础（四）

大学资料-DOM基础（四）

DOM属性的设置与获取

获取属性

语法：ele.getAttribute("attribute")功能：获取ele元素的attribute说明：1. ele是要操作的DOM对象2. attribute是要获取的html属性（如：id、type）

设置属性

语法：ele.setAttribute("attribute",value)功能：在ele元素上设置属性说明：1. ele是要操作的DOM对象2. attribute为要设置的属性名称3. value为设置的attribute属性的值

编程练习 1

小伙伴们，我们学习了setAttribute()方法，那么接下来用setAttribute()方法来给代码中的列表内容添加样式吧。

任务

第一步：通过标签名获取元素的方式先得到列表项，注意得到的是一个对象集合

第二步：利用今天学习的为元素添加指定属性的方法，给列表项的奇数项和偶数项分别添加样式

任务提示

用循环的方式去添加奇数项的样式是：紫色字体，粉色背景偶数项的样式是：黄色字体，橘色背景

参考代码

网络游戏排名

• 英雄联盟
• 魔兽世界
• DOTA
• 仙剑奇侠传
• 穿越火线
• 梦幻西游