【JavaScript】完善注册表单校验&案例2：表格隔行换色

【JavaScript】完善注册表单校验&案例2：表格隔行换色

🔎这里是【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 对象方法
相关阅读:
【小波能量BP】基于小波能量系数提取和BP神经网络的检测算法matlab仿真
 MySQL索引事务
 4.MySQL数据库的备份与还原，内容很多耐心看完，会有收获O！！！
MySQL 如何添加索引
 图片格式与RAM需求
 ::before 和 :after中双冒号和单冒号有什么区别？解释一下这2个伪元素的作用
 【论文浅尝】Phi-3-mini：A Highly Capable Language Model Locally on Your Phone
VScode 调试 linux内核
 2024年效果最好的客厅投影仪排行榜！目前最强的几款4K投影仪推荐
 包管理器pacman常用方法
原文地址：https://blog.csdn.net/weixin_45481821/article/details/125928426

👀专栏介绍

👀本期介绍

文章目录

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 获取元素对象的四种方式