- 1
- 2
- 3
- 4
- 5
?
在JavaScript中，文檔元素常常被獲取，這是HTML文檔對(duì)象模型的縮寫，HTML文檔對(duì)象模型是基于瀏覽器編程的，感興趣的話就隨錯(cuò)新技術(shù)頻道小編一起了解Js操作DOM元素及獲取瀏覽器高寬的簡(jiǎn)單方法吧！
通過 DOM，可以訪問所有的 HTML 元素，連同它們所包含的文本和屬性。可以對(duì)其中的內(nèi)容進(jìn)行修改和刪除，同時(shí)也可以創(chuàng)建新的元素。HTML DOM 獨(dú)立于平臺(tái)和編程語(yǔ)言。它可被任何編程語(yǔ)言諸如 Java、JavaScript 和 VBScript 使用。
childNodes 反回當(dāng)前元素所有子元素的數(shù)組，firsChild返回當(dāng)前元素的第一個(gè)下級(jí)子元素，lastChild反回當(dāng)前元素的最后一個(gè)子元素,nextSibling 返回緊跟在當(dāng)前元素后面的元素,nodeValue指定表元素，的讀/寫屬性 parentNode指定表示元素的父節(jié)點(diǎn) previousSibling返回緊鄰當(dāng)前元素之前的元素。
document.getElementById是獲取有指定惟一ID屬性值文檔中的元素。document.getElementByTagName返回當(dāng)前元素中有指定標(biāo)記名的子元素的數(shù)組,hasChildNodes()返回一個(gè)布爾值,指示元素是否有子元素，document.getElementBycClassName是獲取文檔中的類名元素，document.getElementsByName(elementName) ：通過name獲取節(jié)點(diǎn)，從名字可以看出，這個(gè)方法返回的不是一個(gè)節(jié)點(diǎn)元素，而是具有同樣名稱的節(jié)點(diǎn)數(shù)組。然后，我們可以通過要獲取節(jié)點(diǎn)的某個(gè)屬性來循環(huán)判斷是否為需要的節(jié)點(diǎn)。
想獲取瀏覽器的寬度如下：
網(wǎng)頁(yè)可見區(qū)域?qū)挘篸ocument.body.clientWidth
網(wǎng)頁(yè)可見區(qū)域高：document.body.clientHeight
網(wǎng)頁(yè)可見區(qū)域?qū)挘篸ocument.body.offsetWidth (包括邊線的寬)
網(wǎng)頁(yè)可見區(qū)域高：document.body.offsetHeight (包括邊線的寬)
網(wǎng)頁(yè)正文全文寬：document.body.scrollWidth
網(wǎng)頁(yè)正文全文高：document.body.scrollHeight
網(wǎng)頁(yè)被卷去的高：document.body.scrollTop
網(wǎng)頁(yè)被卷去的左：document.body.scrollLeft
網(wǎng)頁(yè)正文部分上：window.screenTop
網(wǎng)頁(yè)正文部分左：window.screenLeft
屏幕分辨率的高：window.screen.height
屏幕分辨率的寬：window.screen.width
屏幕可用工作區(qū)高度：window.screen.availHeight
屏幕可用工作區(qū)寬度：window.screen.availWidth
下面用一個(gè)電子商務(wù)的網(wǎng)頁(yè)來具體講一下：
?
以上就是關(guān)于Js操作DOM元素及獲取瀏覽器高寬的簡(jiǎn)單方法，如果你在操作中遇到了不懂的問題，可以來js.VeVb.com進(jìn)行學(xué)習(xí)。?
新聞熱點(diǎn)
疑難解答
圖片精選
