JavaScript前端开发程序设计项目式教程 实验13 节点操作.doc

Xxx学院实验报告

姓名：__________学号：______班级：___________

指导老师：xxx实验成绩：_______

实验节点操作

一、实验目的

熟练掌握DOM节点的创建、获取、插入、替换、删除等操作；

能通过节点关系（父子、兄弟）定位并操作元素；

能结合事件实现动态交互效果。

二、实验仪器：微机（台）

三、实验内容

1、根据给定的页面，当用户名为空时，在输入框后显示红色提示文字“用户名不能为空”。

具体要求：

使用getElementById或querySelector获取输入框；

使用createElement和appendChild动态