DOM元素节点对象上的属性

DOM元素节点对象上的属性

attributes              标签内部所有属性的集合

childElementCount      父元素下所有子元素的数量

childNodes            父元素下所有子节点的集合

children               父元素下所有子元素的集合

classList                         当前元素上class类名的集合   【方法：add()添加类名； contains()判断是否包含某个类名】

className             当前元素的类名

tagName              大写的标签名

clientWidth/clientHeight  当前元素的宽高【包括内容和填充宽高】

offsetWidth/offsetHeight  当前元素的宽高【包括边框，内容和填充宽高】

clientLeft/clientTop       左边框线和上边框线的宽度

offsetLeft/offsetTop       当前元素的左偏移量和上偏移量【默认相对于浏览器的边缘计算（margin值），定位后相对于父盒子】

draggable              是否可拖拽

contentEditable         当前元素是否可编辑

isContentEditable         判断当前元素是否可编辑

firstChild               父元素下的第一个子节点        lastChild

firstElementChild        父元素下的第一个子元素        lastElementChild

nextElementSibling      下一个兄弟元素

nextSilbling             下一个兄弟节点

previousElementSibling   上一个兄弟元素

previousSibling          上一个兄弟节点

parentNode             父节点

parentElement           父元素

innerText/textContent/outerText     内部文本内容

innerHTML       内部的所有（包含标签、文本、注释等）/outerHTML  当前元素的所有包含内部的所有

innerWidth/innerHeight      可视区域的宽高

scrollTop/scrollLeft          当前元素的滚动左上边距

scrollWidth/scrollHeight      当前元素滚动宽高

title                       提示

option标签元素中的特有属性：

      multiple   选中多个

      size       允许出现的个数

      selectedIndex      被选中选项的下标，没有选中值为-1

      selectedOptions    被选中多个option标签元素的集合

      获取下拉菜单中的所有选项    sel.options

      选项的下标：                sel.option[6].index

         被选中选项的下标            sel.selectedIndex

      获取被选中的选项            sel.selectedOptions

      添加下拉菜单（被添加的就不存在了）     sel.add(*.selectedOption[])

      移除下拉菜单                sel.remove(被移除的下标)

Table标签元素中的特有属性

         *.tHead              获取表格头部

         *.tBodies              获取表格里面所有的tbody，并放在一个集合中

         *.tFoot               获取表格底部

         *.rows               获取当前元素下所有的行

         *.cells               获取一行里所有的td

         *.rowIndex           行标（看整个table，包含thead）

         *.cellIndex           列标（第一列为0）

         *.tHead/tBodies/tFoot.rows   分别获取表头/表体/表尾的行

         *.tBodies[].rows[].cells        获取列

         *.colSpan/*.rowSpan         行列合并（合并多少值为几）

         方法：

        创建表名：*.createCaption()

        创建表头：*.createTHead()

       创建表体：*.createTBody()

       创建表尾：*.createTFoot()

       插入行：  *.(tBodies[index] | tHead | tFoot).insertRow(index)  【如果下标省略则插入到最后】

       插入列：  *.tBodies[index].rows[index].insertCell(index)

       删除行：  *.(tBodies[index] | tHead | tFoot).deleteRow(index)

       删除列    *.tBodies[index].rows[index].deleteCell(index)