js第一节-js的属性操作

本文通过图片轮播图和消息发送两个实例,介绍了JavaScript中如何进行属性操作,包括获取元素、设置自定义属性及innerHTML的读写操作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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循环的应用。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值