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的属性操作相关推荐

day57 闭包函数函数提升 BOM操作 js选择器替换元素类属性操作
上节课复习今日内容: 1.作用域变量提升与函数提升 2.BOM操作=>控制浏览器 3.DOM操作=> 控制文档 4.js练习题 5.jquery 01.补充 <!DOCTYPE ...
Scratch那么多代码块，第一节课挑哪些个教给学生？
您好,感谢您一直对少儿编程.对"与非学堂"的关注.为了更好地为大家服务,诚邀您填写一份<关于少儿编程教与学的课件资源素材需求调查>,https://www.wjx.cn ...
js第7章DOM案例：获取操作的元素、元素内容操作、元素属性操作、classList的使用、获取节点、节点追加、删除节点和节点属性
目录 1.获取操作的元素 document对象的方法 document对象的属性 Element对象的方法和属性 2. 元素内容操作 3.元素属性操作 4.classList的使用 5. 获取节点 6 ...
【JS 逆向百例】网洛者反爬练习平台第一题：JS 混淆加密，反 Hook 操作
关注微信公众号:K哥爬虫,持续分享爬虫进阶.JS/安卓逆向等技术干货! 文章目录声明写在前面逆向目标绕过无限 debugger Hook 参数逆向参数 PyCharm 本地联调完整代码 J ...
【第一节 Node.js简介】
1.Node.js是什么? Node.js是基于Chrome JavaScript运行时建立的一个平台,实际上它是对Google Chrome V8引擎进行了封装,它主要用于创建快速的.可扩展的网络应 ...
js操作元素：改变元素内容有两种方式： interText 和 innerHTML的区别，常用的元素的属性操作，仿电脑系统时间问好，表单元素的属性操作，案例：仿京东显示隐藏密码，样式属性操作
文章目录操作元素改变元素内容有两种方式: interText 和 innerHTML的区别常用的元素的属性操作案例:仿电脑系统时间问好表单元素的属性操作案例:仿京东显示隐藏密码样式属性操 ...
java attribute属性_[Java教程]JS Attribute属性操作
[Java教程]JS Attribute属性操作 0 2016-05-19 00:00:05 Attribute是属性的意思,文章仅对部分兼容IE和FF的Attribute相关的介绍. attribu ...
星期三，今天早上上了四节JS课程，下午听健康讲座，晚上装系统
星期三,今天早上上了四节JS课程,下午听健康讲座,晚上装系统.我想说装系统是最浪费时间的,以前大一的时候,有一段时间喜欢上装系统,我去有时候一个系统装了两三天,因为有很多问题. ~ 后面就不研究了,昨 ...
自学JavaScript第一天- JS 基础
自学JavaScript第一天- JS 基础 JS 写在哪里注释行内 js 内部 js 外部 js JS 基础语法语句大小写代码块折行变量声明 var .let.const 及作用域 ...

js第一节-js的属性操作

js第一节-js的属性操作

js第一节-js的属性操作相关推荐

最新文章

热门文章