DOM

DOM中的常用节点 :nodeType 对应的节点类型编号 元素节点(1),属性节点(2),文本节点(3),注释节点(4),document(5);

childnodes和children的区别,前者是一个标准,能获取所有的节点,包括了文本节点注释节点啥的,后者虽然不是标准,但是所有浏览器都支持,并且它只获取所有子级的元素节点;

nextElementSibling //下一个小兄弟节点
previousElementSibling//上一个兄弟节点
children//子元素节点
firstElementChild//第一个元素节点
lastElementChild//最后一个元素节点
offsetParent()//最近的有定位属性的祖先节点
offsetLeft/offsetTop//距离最近的有定位的祖先级节点
getBoundingClientReact()//返回一个对象,包含一堆元素信息:left.top,width,height,right.bottom.
getComputedStyle()//或去元素的计算后的样式 http://www.zhangxinxu.com/wordpress/2012/05/getcomputedstyle-js-getpropertyvalue-currentstyle/
getAttention()//获取元素的行间属性 参数:key
setAttribute()//设置元素的行间样式,两个参数,一个key,一个value
removeAttribute()//删除元素的行间属性 :接收一个参数 key
document.documentElement.clientWidth/left //获取可视区的宽高
offsetWidth/height//获取元素的宽高,计算边框
clientWidth.height//获取元素的宽高,不计算边框

元素的创建:
document.createElement()//通过标签名创建一个元素
parentNode.appendChild()//往复元素中间插入这个创建好的元素
parentNode.insertBefore()//往一个节点间插入一个节点
parentNode.removeChild()//从一个节点中删除指点的子节点
parentNode.replaceChild()//替换节点
node.cloneNode()//克隆一个节点
table.tHead//获取表格头部
table.tFoot//获取表格底部
table.tBodles//获取表格主体

posted @ 2017-03-12 14:13  zhouyia~  阅读(144)  评论(0编辑  收藏  举报