JS10

 

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子节点删除

    

DOM为下拉菜单（select）添加选项的方式：

1. 创建选项除了使用前面所示的createElement方法之外，还可以使用专门的构造器来构造一个选项出来（IE、谷歌都支持）。语法：

new Option(text,value,defaultSelected,selected)

该构造器有4个参数，说明：

text	该选项的文本、即该选项所呈现的“内容”
value	选中该选项的值
defaultSelected	设置默认是否显示该选项
selected 添加创建好的选项至列表框或下拉菜单的方式 直接为<select>的的指定选项赋值 列表框或下拉菜单对象.options[i]=创建好的option对象 删除列表框、下拉菜单的选项的方法 直接使用列表框或下拉菜单对象.remove(index)方法删除指定选项 直接将指定选项赋值为null 列表框或下拉菜单对象.remove(index)或对象.options[index]=null	设置该选项当前是否被选中

并不是每次构造都需指明4个参数，可以指明一个或者两个都可以，假如一个的话指明的是text，假如二个的话，第一个参数是text，第二个参数是value。

 

转载于:https://www.cnblogs.com/sunlangui/p/11363613.html