前端：DOM实例

原文：https://www.w3school.com.cn/htmldom/index.asp

目录

 

anchor对象

1、更改链接文本

​2、获取焦点与失去焦点

3、向超链接添加快捷键

document对象

1、写文本（单纯文本+有样式的文本）

2、返回文档数据（标题、URL、referrer精准链接、服务器域名）

3、getElementById()，id样式获取属性

​4、getElementsByName()，name样式获取属性

5、打开文档添加文本

event对象

1、识别左右鼠标按键

2、获取光标位置

3、获取键盘按键的unicode

4、是否按下了shift键

5、获取被点击的元素

​6、返回事件类型：如鼠标事件

form和input对象

1、修改form表单里的action

2、返回http请求的发送方法

3、显示选中的选项checkbox文案（多选）

4、选中后带动checkbox设置的效果（多选）

5、显示选中的选项checkbox文案（单选）

6、重置表单reset()

​

7、提交表单onclick()

8、表单校验submit()

9、设置焦点与移开焦点

10、一键选中文本

11、获取下拉选项的值

马上生效

点击生效

12、当文本达到最大值时跳到另一个文本框（验证序列）

13、为表单添加快捷键

Frame、Frameset 以及 IFrame 对象

1、可调节框架：Frameset

2、更改两个框架的源

3、跳出框架

image对象

1、修改图像宽和高

2、修改图像链接

location对象

1、修改用户当前链接

2、重新加载文档

3、跳出框架

4、锚的数组

Navigator对象

1、检测访问者的浏览器信息

2、检测访问者的其他细节信息

3、升级提示

Option 和 Select 对象

1、禁用与启用下拉列表

2、获取下拉列表的表单id

3、获取下拉列表的表单数目

4、改变下拉列表可见表单的行数

5、下拉列表多选

6、更改被选项

7、删除被选项​

Screen 对象

Table、TableHeader、TableRow、TableData 对象

1、更改表格边框线

2、更改表格线条大小与内容留白

3、显示外部边框线

4、显示内部边框线

5、显示某行的html

6、显示某个单元格的html

7、为表格添加标题

8、删除表格第一行

9、像表格中插入新的行

10、向已有行中插入单元格

11、对齐单元格中内容的位置

12、垂直对齐单元格中内容的位置

13、更改单元格内容

14、更改单元格横跨列数

window对象

1、alert消息框

2、confirm弹框【确定】【取消】

3、prompt弹窗

4、打开窗口

5、更改打开的地址

6、重新加载当前文档（页面）

7、在窗口的状态栏设置文本

8、打印当前页面（浏览器打印）

9、跳出框架

10、调整窗口大小

11、指定窗口大小

12、滚动文本

13、计时器

14、时钟

---

anchor对象

1、更改链接文本

2、获取焦点与失去焦点

3、向超链接添加快捷键

document对象

1、写文本（单纯文本+有样式的文本）

2、返回文档数据（标题、URL、referrer精准链接、服务器域名）

document.write(document.title)

document.write(document.URL)

document.write(document.referrer)

document.write(document.domain)

3、getElementById()，id样式获取属性

4、getElementsByName()，name样式获取属性

5、打开文档添加文本

event对象

1、识别左右鼠标按键

2、获取光标位置

3、获取键盘按键的unicode

4、是否按下了shift键

5、获取被点击的元素

6、返回事件类型：如鼠标事件

form和input对象

1、修改form表单里的action

2、返回http请求的发送方法

3、显示选中的选项checkbox文案（多选）

4、选中后带动checkbox设置的效果（多选）

checked（this.value）：执行checked（x）方法

if(this.checked){方法}：符合this.checked则实行方法

5、显示选中的选项checkbox文案（单选）

6、重置表单reset()

7、提交表单onclick()

8、表单校验submit()

9、设置焦点与移开焦点

10、一键选中文本

11、获取下拉选项的值

马上生效

点击生效

12、当文本达到最大值时跳到另一个文本框（验证序列）

13、为表单添加快捷键

Frame、Frameset 以及 IFrame 对象

1、可调节框架：Frameset

2、更改两个框架的源

3、跳出框架

image对象

1、修改图像宽和高

2、修改图像链接

location对象

1、修改用户当前链接

2、重新加载文档

3、跳出框架

4、锚的数组

Navigator对象

1、检测访问者的浏览器信息

2、检测访问者的其他细节信息

3、升级提示

Option 和 Select 对象

1、禁用与启用下拉列表

2、获取下拉列表的表单id

3、获取下拉列表的表单数目

4、改变下拉列表可见表单的行数

5、下拉列表多选

6、更改被选项

7、删除被选项

Screen 对象

1、检测有关客户机的屏幕的细节

Table、TableHeader、TableRow、TableData 对象

1、更改表格边框线

2、更改表格线条大小与内容留白

3、显示外部边框线

4、显示内部边框线

5、显示某行的html

6、显示某个单元格的html

7、为表格添加标题

8、删除表格第一行

9、像表格中插入新的行

10、向已有行中插入单元格

11、对齐单元格中内容的位置

12、垂直对齐单元格中内容的位置

13、更改单元格内容

14、更改单元格横跨列数

window对象

1、alert消息框

2、confirm弹框【确定】【取消】

3、prompt弹窗

4、打开窗口

5、更改打开的地址

6、重新加载当前文档（页面）

7、在窗口的状态栏设置文本

8、打印当前页面（浏览器打印）

9、跳出框架

10、调整窗口大小

11、指定窗口大小

12、滚动文本

滚动到指定位置

13、计时器

14、时钟