码迷,mamicode.com
首页 > Web开发 > 详细

js第一节-js的属性操作

时间:2016-04-10 15:04:43      阅读:227      评论:0      收藏:0      [点我收藏+]

标签:

js第一节-js的属性操作

    今天我们第一节的内容主要跟大家聊聊js的属性操作,那么什么是属性呢?属性就是对于一个事物的描述,比如一个元素它的id,它的value值等。每个元素都有其自己本有的属性,也有我们给它定义的属性--自定义属性,总之这些都是描述其元素独有特性的。现在呢,我通过两个实例跟大家讲解一下什么是js的属性操作。
一、第一个实例是:图片的轮播图
效果图:
技术分享
技术分享
图1:加载的时候
技术分享
技术分享
图2:加载之后
HTML代码和CSS代码
技术分享
技术分享
技术分享
技术分享

技术分享
JS代码:
技术分享
技术分享
技术分享

上面用到了var oId = document.getElementById(‘属性id‘);,这个是获取具有某个id的元素,用到了oId.index = 0;,这个是元素本身没有的属性---叫做自定义属性,自定义属性一般用来作为数组的索引值比较多。

二、第二个实例是:消息发送
效果图:
技术分享
技术分享
图3:消息发送
HTML和CSS代码:
技术分享
技术分享
JS代码:
技术分享
技术分享
上述消息发送用到了--元素.innerHTML,这个是可以读也是可以写的,比如:alert(元素.innerHTML)是读取,元素.innerHTML = ‘梦想创业俱乐部’;这个就是写入操作。下一节我们将聊聊js当中的for循环的应用。

js第一节-js的属性操作

标签:

原文地址:http://blog.csdn.net/chenminglvming/article/details/51096208

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!