标签:
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
标签:
原文地址:http://www.cnblogs.com/Crow0/p/5255593.html