原生javascript中的实用DOM对象

一，DOM文档

（1）document.getElementById（）;返回对拥有指定ID的第一个对象的引用。

（2）document.getElementsByName（）;返回带有指定名称的对象集合。

（3）document.getElementsByTagName（）;返回带有指定标签名的对象集合。

二，DOM元素

（1）element.appendChild（newListItem）;向节点添加最后一个子节点。

（2）element.className;设置或返回类属性。

（3）element.clientHeight返回可见元素的高度。

（4）element.clientWidth返回可见元素的宽度。

（5）element.cloneNode（）克隆元素。克隆所有后代属性设置为真，否则为假

如：

var node = document.getElementById（“myList2”）.lastChild.cloneNode（true）;
document.getElementById（ “myList1”）.appendChild（节点）                
document.getElementById（ “myList1”）.appendChild（节点）      

（6）element.firstChild;返回指定节点的首个子节点，以节点对象。

（7）element.getAttribute（ '目标'）;可以获得链接属性目标的值。

（8）element.hasAttribute（）;如果元素拥有指定属性，返回真否则返回假。

（9）element.hasAttributes（）;如果元素拥有属性，返回真否则返回假。

（10）element.hasChildNodes（）;如果拥有子节点返回真，否则返回假。

（11）element.id; 设置或返回元素的ID;

（12）element.innerHtml;设置霍返回原的内容。

（13）element.insertBefore（）;在指定的已有的子节点之前插入新节点。

如：

document.getElementById（ “myList中”）.insertBefore（newitem，existingItem）;
           

（14）element.offsetHeight返回元素的高度。

（15）element.offsetWidth返回元素的宽度。

（16）element.offsetLeft返回元素的水平偏移量。

（17）element.offsetTop返回元素的垂直偏移位置。

（18）element.parentNode返回元素的父元素。

（19）element.perviousSibling返回位于相同节点树层级的前一个元素，

（20）element.removeAttribute（）从元素中移除指定属性。

（21）element.removeAttribute（）从元素中移除指定属性，并返回被移除的节点。

（22）element.removeChild（）从元素中移除子节点。

（23）element.replaceChild（）替换元素中的子节点

（24）element.scrollHeight返回元素的整体高度。

（24）element.scrollLeft返回元素左边缘与视图之间的距离。

（24）element.scrollTop返回元素上边缘与视图之间的距离。

（24）element.scrollWidth返回元素的整体宽度。

（25）element.setAttribute（）把指定属性设置或更改为指定值。

如：

document.getElementsByTagName（ “INPUT”）[0] .setAttribute（ “类型”， “键”）;
           

（26）element.setAttributeNode（）设置或更改指定属性节点。

（27）element.style设置或返回元素的风格属性。

三，DOM Attribute

（1）attr.isId如果属性是ID类型，则返回真，否则返回假。

（2）attr.name返回属性的名称。

（3）atter.value设置或者返回属性的值

四，DOM事件

事件详情自己查阅，太多了，不想写了