dom第二节

获取属性

getAttribute 获取节点属性

setAttribute 设置节点属性

ele.setAttribute(‘style’,’ ‘);

removeAttribute 移除节点属性 只接收一个参数

ele.getAttribute(‘属性名’);

模仿获取

下面模仿getAttributes
方法实现原理

function getAt(ele,aa){
        var list = ele.attributes;
        if(!list){
            return null;
        }
        for(var i = 0;i<list.length;i++){
            if(list[i].nodeName==aa){
                return list[i].nodeValue;
            }
        }
        return null;
}

hasClass();

addClass();

removeClass();

ele.appendChild(‘’);往容器最后添加子节点

ele.removeChild(‘’); 删除子节点

ele.offsetLeft; 对象元素与offsetParent的左边距离;

ele.offsetTop; 对象元素与offsetParent的上边距离;

对象的

ele.offsetParent;离当前节点最近的具有定位属性的祖先节点

如果所有祖先节点都没有设置定位属性:元素的offsetParent指的是body,当元素style属性的display为none时,offsetParent为null

ele.offsetWidth;

ele.offsetHeight;

ele.clientWidth;

ele.clientHeight;