🔎这里是【JavaScript】,关注我学习前端不迷路
👍如果对你有帮助,给博主一个免费的点赞以示鼓励
欢迎各位🔎点赞👍评论收藏⭐️
👀专栏介绍
【JavaScript】 目前主要更新JavaScript,一起学习一起进步。
👀本期介绍
本期主要介绍完善注册表单校验&案例2:表格隔行换色
文章目录
1. 案例 1:完善注册表单校验
1.1 需求说明及分析
1.2 JavaScript 知识讲解(一)
1.2.1 操作元素内容体-innerHTML
2. 案例 2:表格隔行换色
2.1 需求说明及分析
2.2 JavaScript 知识讲解(二)
2.2.1 JS 数组
2.2.2 获取元素对象的四种方式
1. 案例 1:完善注册表单校验
1.1 需求说明及分析
之前注册校验通过警告框来提示信息,这使得信息的提示很不友好。
所以我们对信息的提示进行改进,使错误信息的提示以图示方式进行展示。
1.2 JavaScript 知识讲解(一)
1.2.1 操作元素内容体-innerHTML
2. 案例 2:表格隔行换色
2.1 需求说明及分析
开发中,需要使用表格陈列数据,数据过多不易查看,通常使用隔行换色进行表示。
要达到以上效果,仅需要将第二行、第四行 tr 标签获取到,更改其样式属性即可。
2.2 JavaScript 知识讲解(二)
2.2.1 JS 数组
JavaScript 中也存在数组,相当于 Java 的 List 集合。
可以存放各种类型的值。
数组创建方式:
2.2.2 获取元素对象的四种方式
通常情况下,我们使用 document ,即 DOM 对象,就可以获取并操作页面元素标签,进而改变页
面效果。
准备代码
document 对象方法