js第一节-js的属性操作

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循环的应用。