元素大小
一、获取宽高 （width、height） 只能获取大小不能修改大小
-
1.offset（自身的宽或者高+padding+border）：没有单位 1.获取元素 2.获取大小
注意： 1.offsetWidth和offsetHeight自身+padding的宽度或者高度+border 2. 没有外边距 -
2.client : 自身宽高 + padding 没有border没有外边距
二、 获取偏移量offset （top、left）
- 1.如果没有定位 会相对于页面来算偏移 console.log(boxEle.offsetLeft);//left值
- 2.如果有定位，会相对于父级来计算偏移量 console.log(boxEle.clientTop);//获取元素的边框距离
节点的类型
nodeType属性来查看 ： 1,2,3,8
var ele = document.querySelector(".box");
var childEles = ele.childNodes; //所有的子节点
console.log(childEles);
-
- 获取节点里的第一个元素 : 所有元素节点的类型都是1
- 2.属性节点 ： 元素.attributes 可以获取属性节点的数组,所有的属性节点就是2
- 3.文本节点： 所有的文本节点类型是3
- 4.注释节点：所有注释节点的类型是8
二、所有的节点 都会有 nodeName ： 节点名； nodeValue ：节点的值
- 1.元素节点 :nodeName 就是标签名（是大写）,nodeValue:是null
- 2.文本节点 ： nodeName ：“#text”所有的文本节点 ; nodeValue 是具体的内容
- 3.注释节点： nodeName ：#comment ；nodeValue:注释的内容
- 4.属性节点 ： nodeName： 属性名 nodeValue：属性值
