javascript（六）HTML DOM

6.1 HTML DOM概述
1）HTML DOM定义了用于HTML的一系列标准的对象，以及访问和处理HTML文档的标准方法（对DOM操作进行了封装，实现代码的简化）。
2）HTML标签对象化：将网页中的每个元素都看作一个对象。
3）常用HTML DOM对象

4）如何解决浏览器兼容性问题：首先代码要符合W3C标准，然后了解各浏览器特殊的地方。
5）多种对象中，重要了解Select对象和Table对象。
6.2 Select对象
1）Select对象代表HTML表单中的一个下拉列表，标签即表示一个Select对象。
2）常用属性：options（选项数组）、selectedIndex（索引从0开始）、size
3）常用方法：add(option)、remove(index)
4）事件：onchange
例如：
a b
6.3 Option对象
1）Option对象代表HTML表单中下拉列表中的一个选项，标签表示一个Option对象
2）创建对象：var obj=new Option(text,value);
3）常用属性：index、text、value、selected
例如：（结合上例修改onchange=”selFunc();” id=”s1”）
function selFunc(){
var selObj=document.getElementById(“s1”);
var value=selObj.options[selObj.selectedIndex].value;
alert(value); var option=new Option(“c”,”3”); selObj.add(option); }
6.4案例：联动菜单（HTML DOM方式）
修改5.11案例中的Javascript：

function showCities(){
//得到第一个选择框选中的选项的索引
var i = document.getElementById(“sel1”).selectedIndex;
//删除原有的选项
var sellObj = document.getElementById(“sel2”);
sellObj.options.length = 0;
var cities = array[i];//根据索引找到程序数据
//循环城市数据，创建option元素，文本写入
for(var index=0;index