2020年12月16日 学习总结 DOM通用获取元素方式 form表单 select下拉菜单的常用方法属性

个人认为难点在于属性名和方法名称的区分记忆，不能太依赖DW的代码提示，在这里整理一下以便日后的查阅复习：

一：DOM中通过DOM树关系访问：

1.getElements*******

getElementById()　　getElementsByClassName()　　getElementsByName()　　getElementsByTagName()

1.通过父元素找子元素

firstChild　　lastChild　　ChildNodes

2.通过子元素找兄弟元素

previousSibling　　previousElementSibling　　nextSibling　　nextElementSibling

3.通过子元素找父元素

parentNode　　parentElement

4.

创建 document.createElement()

增加 appendChild(newNode)

克隆 cloneNode(true)

插入 insertBefore(newNode,refNode)

替换 replaceChild(newNode,oldNode)

移除 removeChild(oldNode)

二：form专用属性方法：

action　　method　　target　　length（有几个input）

form1.elements[1]（第一个input）　　form1.elements[name1]（选name是name1）　　form1.name1

reset()　　submit()

三：select专用属性方法：

form（这个select所在的form）　　length（有几个option）　　selectedIndex（当前选中第几个）　　type（单选还是多选）

options（select下option组成的数组）

增加option：new Option(text,value,defaultSelected,selected)

选择option：select1.options[index]=option对象

移除option：select1.remove(index) 或者 select1.options[index]=null

option的属性：

text（option里的文本）

defaultSelected　　index(该option是第几个option)　　selected　

四：表格：

访问：

rows　　cells　　cellIndex

插入删除：

insertRow(index)

deleteRow(index)

insertCell(index)

deleteCell(index)