1. 程式人生 > >原生javascript中的實用DOM物件

原生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事件

事件詳情自己查閱,太多了,不想寫了