В JavaScript часто получаются элементы документа, который представляет собой аббревиатуру английского языка модели объекта документа HTML. Объектная модель документа для HTML основана на программировании браузера. HTML DOM определяет серию стандартных объектов, используемых для HTML, а также стандартные методы для доступа и обработки документов HTML.
Через DOM можно получить доступ ко всем элементам HTML, а также текст и свойства, которые они содержат. Содержание может быть изменено и удалено, и могут быть созданы новые элементы. HTML DOM является независимым от платформы и языка программирования. Он может использоваться любым языком программирования, таким как Java, JavaScript и VBScript.
Childnodes возвращает массив всех дочерних элементов текущего элемента, Firschild возвращает первый нижний дочерний элемент элемента текущего, LastChild возвращает последний дочерний элемент текущего элемента, NextSibling возвращает элемент сразу же после текущего элемента, Nodevalue указывает элемент таблицы, а атрибут чтения/записи ParentNode определяет родительский узл, представляющий элемент, представляющий элемент, предыдущий элементам, предыдущий элемент, который сразу же возвращает элемент.
Document.GetElementByID - это элемент в документе, который имеет указанное уникальное значение атрибута идентификатора. Document.GetElementByTagName возвращает массив детских элементов с указанным TagName в текущем элементе. Haschildnodes () возвращает логическое значение, указывающее, есть ли элемент детский элементы. Document.GetElementByCclassName - это получить элемент имени класса в документе. Document.GetElementsByName (ElementName): Получить узел через имя. Из имени можно видеть, что этот метод возвращает не элемент узла, а массив узлов с тем же именем. Затем мы можем пройти через атрибут узла, чтобы получить цикл, чтобы определить, является ли это необходимым узлом.
Ширина браузера, который вы хотите получить, заключается в следующем:
Ширина видимой области веб -страницы: document.body.clientwidth
Высокая высота видимой области веб -страницы: document.body.clientheight
Ширина видимой области веб -страницы: document.body.offsetwidth (включая ширину линии края)
Высота видимой области веб -страницы: document.body.offsetheight (включая ширину линии края)
Полная ширина текста веб -страницы: document.body.scrollwidth
Полный текст веб -страницы: document.body.scrollheight
Веб -страница развернута на высоком уровне: document.body.scrolltop
Левая от веб -страницы развертывается: document.body.scrollleft
В основной части веб -страницы: window.creentop
Слева от основного текста веб -страницы: window.screenleft
Высокое разрешение экрана: window.screen.height
Ширина разрешения экрана: window.screen.width
Доступная экрана высота рабочего пространства: window.screen.availeheight
Экран доступная ширина рабочей области: window.screen.availWidth
Давайте подробно поговорим об этом, используя веб-страницу электронной коммерции:
<html> <head> <title> </title> <style> *{margin: 0; Надо: 0;} a {Text-Decoration: None; Цвет: белый;} a: Hover {color: red;} ul, li, ol {list-style: none; размер шрифта: 13px; Color: #fff; Line-Height: 27px;} img {border: none;} img, input, select, textarae {vertical-align: middle} body {width: 1350px; Поле: 0 Авто; Font-Size: 12px;} ol li a {color: #fff;} #header {width: 1350px; Высота: 37px; Предпосылки: URL (122.png) без повторения; Пограничный подвод: 1PX SOLID #C9C9C9; Линия-высота: 37px;} #main {width: 1350px; Высота: 504PX; Фон: #f8f8;} #left {width: 182px; Высота: 500px; Фон:#3D4E64; Border-Radius: 3px; float: left;} #lunbo {width: 1160px; Высота: 300px; Фон:#f8f8; Пограничный подъем: 2PX SOLID #6666666; Поплавок: верно; Поле: 0 Авто; маржинальная версия: 10px; позиция: относительно;} #lunbo img {width: 1160px; Высота: 300px; дисплей: нет; позиция: абсолютно; z-index: 5; } ul {margin-left: 400px;} ul li {list-style: none; Граница: 1PX SOLID #000; граница радий: 50%; Ширина: 18px; Высота: 18px; Текст-альбом: Центр; Плавание: осталось; маржинальная версия: 300px; Полевая левая: 10px; Z-Index: 15; } </style> </head> <body> <div id = "header"> <a href = "#"> <h3> все категории продуктов </h3> </a> </div> <div id = "main"> <div id = "> <ol style =" margin-top: 12px; margin-left: 14px;> <p> <a href = " e-reader> </a> </p> <p> <a href = "#"> Огненные таблички> </a> </p> <p> <a href = "#"> Kindle E-Reader> </a> </li> <p> <a href = "#"> Fire Tablet> </a> </p> <p> <a href = "#"#" e-reader> </a> </li> <p> <a href = "#"> Fire Tablet> </a> </p> <p> <a href = "#"> Kindle E-Reader> </a> </li> <p> <a href = "#"> Fire Tablet> </a> </p> <p> <a href = "##"##"##"##"#"#"#" <p> <a href = "#"> Огненная табличка> </a> </p> <p> <a href = "#"> Kindle E-Reader> </a> </li> <p> <a href = "#"> Fire Tablet> </a> </p> <p> <p> href = "#"> Fire Tablet> </a> </p> <p> <a href = "#"> Fire Tablet> </a> </p> <p> <a href = "#"> kindle e-reader> </a> </li> <p> <a href = "#"> Fire> </a> </p> <p> <a href = "#" Планшет> </a> </p> <p> <a href = "#"> kindle e-reader> </a> </li> <p> <a href = "#"> Огненная табличка> </a> </p> <p> <a href = "#"> Fire Tablet> </a> </p> <p> <a href = "#"#> grake> <p> <a href = "#"> Огненная табличка> </a> </p> <p> <a href = "#"> Огненная табличка> </a> </p> <p> <a href = "#"> Огненная табличка> </a> </p> <p> <a href = "#"> kindle e-e-e-reread> </a> </li> <p> "href ="#" Планшет> </a> </p> <p> <a href = "#"> kindle e-reader> </a> </li> <p> <a href = "#"> Fire Tablet> </a> </p> <p> <a href = "#"> Kindle E-Reader> </a> </li> <p> e-reader> </a> </li> <p> <a href = "#"> Fire Tablet> </a> </p> </ol> </div> <div id = "lunbo"> <img src = "1.png"> <img src = "2.png"> <img src = "3.png"> <img src = ". src = "5.png"> <ul> <li style = "founal: red" onmouseover = "jin (0)" onmouseout = "Chu (0)"> 1 </li> <li onmouseover = "jin (1)" Onmouseout = "chu (1)"> 2 </li> <li onmouseover = "Jin (2)" onmouseout on ". <li onmouseover = "jin (3)" onmouseout = "Chu (3)"> 4 </li> <li onmouseover = "jin (4)" onmouseout = "Chu (4)"> 5 </li> </ul> </div> <div id = "cooler"> <img src = "121.gif"/> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </cobys> </cody> p = document.getElementsbytagname ("img"); l = document.getElementsbytagname ("li"); m = 0 onload = function () {s = setInterval ("kaishi ()", 850)} function kaishi () {for (var i = 0; i <5; i ++) {p [i] .style.display = "Нет"; l [i] .style.background = "white"} m ++; if (m> = 5) {m = 0;} p [m] .style.display = "block"; l [m] .style.background = "red"} lunbo.onmouseover = function () {clearInterval (s);} lunbo.onmouseout = function () {s = setInterval ("kaishi ()", 850);} function jin (hand) {for (var i = 0; i <5; i ++) {p [i]. l [i] .style.background = "white"} m ++; if (m> = 5) {m = 0;} p [hand] .style.display = "block"; l [hand] .style.background = "red"} function chu (hand) {m = hand; } </script> </html>Приведенная выше статья JS управляет элементами DOM и получает высоту, а ширина браузера - это все контент, которым я делюсь с вами. Я надеюсь, что вы можете дать вам ссылку, и я надеюсь, что вы сможете поддержать Wulin.com больше.