JavaScript学习日常知识点-13

一、js 表格操作

.insertRow(); //添加行 默认最后一行

.insertCell(); //行里添加列

.deleteRow(-1); //参数必需  索引  -1删除最后一行

.rows  //行 类数组

.rows[1] //第二行

tab.rows[1].cells //第二行 所有单元格

.rows[1].cells[1] //查找第二行第二列

deleteCell() 方法用于删除表格行中的单元格（<td> 元素）

二、偏移量

.clientLeft  //获取元素左侧边框的宽度

.clientTop //获取元素上侧边框的宽度

console.log(midDiv.getBoundingclientRect().width);//对象

dom对象.getBoundingclientRect(). left;

dom对象.getBoundingclientRect().top;

dom对象.getBoundingclientRect().width;

dom对象.getBoundingclientRect().height;

返回元素的大小及其相对于视口的位置;

三、浏览器尺寸

document.documentElement.clientWidth  //浏览器可视区域的宽度  不包含滚动条

document.body.clientWidth //浏览器body的宽度  不包含滚动条

window.innerWidth //包含滚动条

四、样式获取

.getComputedStyle(dom对象).样式属性名