HTML DOM对象

Posted 2020-06-19

1.html DOM概述
　　HTML DOM定义了用于HTML的一系列标准的对象，以及访问和处理HTML文档的标准方法
　　HTML标签对象化
　　　　将网页中的每个元素都看作一个对象
2.标准DOM与HTML DOM
　　标准DOM提供了统一的操作接口
　　　　createElement
　　　　appendChild
　　　　setAttribute
　　　　removeAttribute
　　　　nodeName
　　　　...
　　HTML DOM提供了封装好的各种对象
　　　　Image
　　　　Select
　　　　Option
　　标准DOM实现方式
　　　　var newNode = document.createElement("img");
　　HTML DOM的实现方式
　　　　var newNode = new Image();
　　操作节点，如创建、删除、查找等
　　　　使用标准DOM操作
　　操作属性，如读取或者修改属性的值
　　　　使用HTML DOM操作
2.Select对象
　　Select对象代表HTML表单中的一个下拉列表
　　　　<select> 标签即表示一个Select对象
　　常用属性
　　　　options、selectedIndex、size
　　常用方法
　　　　add(option)、remove(index)
　　事件
　　　　onchange
3.Option对象
　　Option对象代表HTML表单中下拉列表中的一个选项
　　　　<option>标签表示一个Option对象
　　创建对象
　　　　var o = new Option(text,value);
　　常用属性
　　　　index、text、value、selected
4.Table对象
　　Table对象代表一个HTML表格
　　　　<table>标签表示一个Table对象
　　常用属性
　　　　row、cells
　　常用方法
　　　　insertRow(index):返回TableRow对象
　　　　deleteRow(index)
5.TableRow对象
　　TableRow对象代表一个HTML表格行
　　　　<tr>标签表示一个TableRow对象
　　常用属性
　　　　cells、innerHTML、rowIndex
　　常用方法
　　　　insertCell(index):返回TableCell对象
　　　　deleteCell(index)
6.TableCell对象
　　TableCell对象代表一个HTML表格单元格
　　　　<td>标签表示一个TableCell对象
　　常用属性
　　　　cellIndex、innerHTML、colSpan、rowSpan