JavaScript学习笔记（三），前端开发自学教程，前端面试题最新2024

第二种获取元素的方式：

Document.getElementsByName(“name值”);

两者的区别：

1. 参数不一样。一个是id，另一个是name

2. 返回值类型不一样。一个是一个元素，另一个是一个元素数组。

案例3，

修改div的class属性

Js操作元素的class属性时要使用className

This的使用

---

this表示当前元素，this写在了哪个标签里面，哪个标签就是this元素。

表单验证

---

在我们点击form表单的提交按钮后，让js代码对用户输入的信息做简单的验证工作（比如用户名和密码不能为空），

验证通过了，就让表单提交，验证不通过就给出错误提醒。

onsubmit是表单验证的一个重要事件。

提交按钮的onclick事件是拦截不住表单的提交的。只有form的onsubmit事件才有机会拦截表单的提交。

案例4，

username:

password:

在该示例中，

表单验证的步骤：

1. 给文本框后面添加一个空的标签span。提示错误信息。

2. 给每个文本框添加onblur事件。当用户输入完后，光标离开时给出错误提醒。

3. 在每个onblur事件对应的函数里面要return true和false。作用是确定表单是否提交

4. 我们要在form里面添加onsubmit事件。Onsubmit=”return checkForm()”

5. 我们需要在checkForm调用每一个onblur事件对应的函数。

案例5、省市级联下拉框

---

使用js实现省市级的二级联动操作