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