JS学习第八天

DOM访问列表框、下拉菜单的常用属性：

　　form返回列表框、下拉菜单所在的表单对象;

　　length返回列表框、下拉菜单的选项个数;

　　options返回列表框、下拉菜单里所有选项组成的数组;

　　　　defaulSrlected返回该选项默认是非被选中;

　　　　index返回该选项在列表框、下拉菜单中的索引;

　　　　selected返回该选项是否被选中;

　　　　text返回该选项呈现的文本;

　　　　value返回该选项的value属性值

　　selectedindx返回下拉列表中选中选项的索引;

　　type返回下拉列表的类型，多选的话返回select-multiple，单选返回select-one;

DOM访问表格子元素的常用属性：

　　caption返回表格的标题对象;    　　

　　rows返回该表格里的所有表格行(数组);　　　　rows[index];

　　cells返回该表格行内所有的单元格组成的数组;　　cells[index];

　　cellindex返回该单元格在表格行内的索引值;

DOM对HTML元素的增删改:

　　DOM创建节点:document.createElement(Tag)，Tag必须是合法的HTML元素

 

　　DOM复制节点:cloneNode(boolean deep)，当deep为true时，表示复制当前节点以及当前结点的全部后代节点。为false时，只复制当前节点;

　　DOM添加、删除节点:

　　　　appendChild(newNode) 将newNode添加成当前节点的最后一个子节点;

　　　　insertBefore(newNode,refNode) 将refNode节点之前插入newNode节点;

　　　　replaceChild(newNode,oldNode) 将oldNode节点替换成newNode节点;

　　　　removeChild(oldNode) 将oldNode子节点删除;

　　下拉菜单select:　　new Option(text,value,defaultSelected,selected)