JS10

 

DOM访问表格子元素的常用属性和方法:

caption

返回表格的标题对象

rows

返回该表格里的所有表格行(数组)

通过rows[index]返回表格指定的行所对应的属性:

cells

返回该表格行内所有的单元格组成的数组

通过cells[index]返回表格指定的列所对应的属性:

cellIndex

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

   

DOMHTML元素的增删改操作

DOM创建节点的方法:

document.createElement(Tag)Tag必须是合法的HTML元素

DOM复制节点的方法:

节点cloneNode(boolean deep),当deeptrue时,表示复制当前节点以及当前结点的全部后代节点。为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对象

删除列表框、下拉菜单的选项的方法

  1. 直接使用列表框或下拉菜单对象.remove(index)方法删除指定选项
  2. 直接将指定选项赋值为null

列表框或下拉菜单对象.remove(index)或对象.options[index]=null

设置该选项当前是否被选中

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

 

posted on 2019-08-16 14:18  小蜘zhu  阅读(213)  评论(0)    收藏  举报