Element对象

举例说明 document.body是一个Element元素，下面用此元素举例

document.body.style.removeProperty(string); // 删除某个style的样式
document.body.parentNode 返回父元素
document.body.parentElement 返回父元素
document.body.firstChild 返回第一个子元素，此方法会返回文本节点
document.body.firstElementChild 返回第一个子元素，此方法不会包含文本节点
document.body.lastChild 返回最后一个元素，此方法会返回文本节点
document.body.lastElementChild 返回最后一个子元素，此方法不会包含文本节点
document.body.firstElementChild.nextSibling 返回节点的下一个节点，此方法会返回文本节点
document.body.firstElementChild.nextElementSibling 返回节点的下一个节点，此方法不会包含文本节点
document.body.lastElementChild.previousSibling 返回节点的上一个节点，此方法会返回文本节点
document.body.lastElementChild.previousElementSibling 返回节点的上一个节点，此方法不会返回文本节点

document.body.childNodes
document.body.attributes
document.body.getElementById(‘id’); 注意Element是无此方法的。
document.body.getElementsByClassName(‘className’)
document.body.getElementsByTagName(‘tagName’)
document.body.getElementsByTagNameNS(namespaceURL, localName);
document.body.querySelector(‘#id’ | ‘.className’ | ‘tagName’); 返回查找指定的第一个元素
document.body.querySelectorAll(‘#id’ | ‘.className’ | ‘tagName’); 返回所有匹配的元素

document.body.appendChild(document.createElement(‘div’)); 追加元素，并返回追加元素
document.body.removeChild(document.body.lastElementChild); 通过父元素删除子元素，并返回删除的元素

document.body.innerHTML
document.body.innerText

document.body.title 返回或设置节点的title属性
document.body.tagName 返回标签名
document.body.accessKey 返回或设置快捷键
document.body.attributes 返回当前节点的属性列表，NamedNodeMap属性列表
document.className 返回或设置class属性

document.body.cloneNode(false | true); clone节点，参数传入true，表示clone节点包含所有的子节点，传入fasle，表示只clone当前节点

document.body.contentEditable = true; 设置节点可编辑
document.body.isContentEditable 返回节点是否可编辑

document.body.hasAttribute(‘attributeName’); 返回节点是否有指定属性,有返回true，没有返回fasle。
document.body.hasChildNodes(); 返回节点是否有子节点，有返回true，没有返回fasle

document.body.isEqualNode(Element); 元素值是否相等
document.body.isSameNode(Element); 元素是否相等

var div1 = document.createElement('div');
div1.innerHTML = '222';
var div2 = document.createElement('div');
div2.innerHTML = '222';
console.log(div1.isSameNode(div2)); // return fasle
console.log(div1.isSameNode(div1)); // return true
console.log(div1.isEqualNode(div2)); // return true

document.body.isSupported(featrueStr, version); 检查是否支持新特性，此方法已废弃
document.body.isSupported(‘core’, ‘2.0’);
~~
document.body.lang 返回元素语言

document.body.clientHeight
document.body.clientWidth
document.body.offsetHeight
document.body.offsetWidth
document.body.offsetLeft
document.body.offsetTop
document.body.scrollHeight
document.body.scrollWidth
document.body.scrollLeft
document.body.scrollTop

document.body.removeAttributeNode()
document.body.setAttributeNode();

var a = document.createAttribute('uid');
a.value = '123456789';
console.log(a);
document.body.setAttributeNode(a);
console.log(document.body);
document.body.removeAttributeNode(a);
console.log(document.body);
// if(moveX < 0){
//   moveX = 0;
// }else if(moveX > target.parentElement.clientWidth - target.offsetWidth){
//   moveX = target.parentElement.clientWidth - target.offsetWidth
// }
// if(moveY < 0){
//   moveY = 0;
// }else if(moveY > target.parentElement.clientHeight - target.offsetHeight){
//   moveY =  target.parentElement.clientHeight - target.offsetHeight
// }

element.ownerDocument 可以获取doument对象

_document =element.ownerDocument;
_document.documentElement
document.body.ownerDocument === document // true