Js操作DOM及擷取瀏覽器高度以及寬度

標籤：

　　在JavaScript中，經常會需要擷取document文件項目，是HTML文件物件模型的縮寫，HTML DOM 定義了用於 HTML 的一系列標準的對象，以及訪問和處理 HTML 文檔的標準方法。

　　

　　通過 DOM，可以訪問所有的 HTML 元素，連同它們所包含的文本和屬性。可以對其中的內容進行修改和刪除，同時也可以建立新的元素。HTML DOM 獨立於平台和程式設計語言。它可被任何程式設計語言諸如 Java、JavaScript 和 VBScript 使用。

childNodes 反回當前元素所有子項目的數組，firsChild返回當前元素的第一個下級子項目，lastChild反回當前元素的最後一個子項目,nextSibling 返回緊跟在當前元素後面的元素,nodeValue指定表元素，的讀/寫屬性 parentNode指定表示元素的父節點 previousSibling返回緊鄰當前元素之前的元素。

document.getElementById是擷取有指定惟一ID屬性值文檔中的元素。document.getElementByTagName返回當前元素中有指定標記名的子項目的數組,hasChildNodes()返回一個布爾值,指示元素是否有子項目，document.getElementBycClassName是擷取文檔中的類名元素，document.getElementsByName(elementName) ：通過name擷取節點，從名字可以看出，這個方法返回的不是一個節點元素，而是具有同樣名稱的節點數組。然後，我們可以通過要擷取節點的某個屬性來迴圈判斷是否為需要的節點。

 

　　如果想擷取瀏覽器的寬度，有以下幾種方法：

　　1.擷取網頁可見地區的寬度：document.body.clientWidth ;

　　2.擷取網頁可見地區的高度：document.body.clientHeight;

　　3.擷取 網頁可見地區寬：document.body.offsetWidth; (包括邊線的寬度) 

　　4.擷取網頁可見地區高：document.body.offsetHeight ;(包括邊線的寬度) 

　　5.擷取網頁本文全文寬：document.body.scrollWidth ;

　　6.擷取網頁本文全文高：document.body.scrollHeight ;

　　7.擷取網頁被捲去的高：document.body.scrollTop ;

　　8.擷取網頁被捲去的左：document.body.scrollLeft ;

　　9.擷取網頁本文部分上：window.screenTop ;

　　11.擷取網頁本文部分左：window.screenLeft; 

　　12.擷取螢幕解析度的高：window.screen.height; 

　　13.擷取螢幕解析度的寬：window.screen.width ;

　　14.螢幕可用工作區高度：window.screen.availHeight 

　　15.螢幕可用工作區寬度：window.screen.availWidth

Js操作DOM及擷取瀏覽器高度以及寬度