иметодыэлементовWeb-страницы Все элементы Web-страницы также имеют свойства и методы. Помимо свойств, специфических для конкретных элементов, все они имеют следую- щие общие свойства:
all — ссылка на коллекцию дочерних элементов;
id — имя элемента, заданное параметром id;
className — имя класса, заданное параметром class элемента Web-
страницы;
sourceIndex — порядковый номер элемента, который можно использо- вать для ссылки на элемент из коллекции all;
tagName — имя тега элемента;
parentElement — ссылка на элемент-родитель;
length — число элементов в коллекции;
height и width — высота и ширина элемента;
clientHeight и clientWidth — высота и ширина элемента без учета ра- мок, границ, полос прокрутки и т. п.;
clientLeft — смещение левого края элемента относительно левого края элемента-родителя без учета рамок, границ, полос прокрутки и т. п.;
clientTop — смещение верхнего края элемента относительно верхнего края элемента-родителя без учета рамок, границ, полос прокрутки и т. п.;
offsetHeight и offsetWidth — высота и ширина элемента относительно элемента-родителя;
offsetLeft — смещение левого края элемента относительно левого края элемента-родителя;
offsetParent — ссылка на элемент-родитель, относительно которого опре- деляются свойства offsetHeight, offsetWidth, offsetLeft и offsetTop;
offsetTop — смещение верхнего края элемента относительно верхнего края элемента-родителя;
outerText — содержимое элемента, исключая теги HTML. Если присво- ить свойству новое значение, то содержимое элемента заменится новым, и сам элемент будет заменен;
innerHTML — содержимое элемента, включая внутренние теги HTML. Если присвоить свойству новое значение, то содержимое элемента также изменится;
outerHTML — содержимое элемента, включая теги HTML. Если присвоить свойству новое значение, то содержимое элемента заменится новым, а сам элемент будет заменен;
scrollHeight и scrollWidth — полная высота и ширина содержимого элемента;
scrollLeft и scrollTop — положение горизонтальной и вертикальной полос прокрутки.
Общие методы элементов Web-страницы:
getAdjacentText(<Местонахождение>) возвращает текстовую строку в зависимости от заданного местонахождения;
insertAdjacentHTML(<Местонахождение>, <Текст>) позволяет вставить текст в место, заданное местонахождением. Текст может содержать HTML-теги;
insertAdjacentText(<Местонахождение>, <Текст>) дает возможность вставить текст в место, заданное местонахождением. Текст не должен со- держать HTML-тегов;
replaceAdjacentText(<Местонахождение>, <Текст>) позволяет заменить текст другим текстом в месте, заданном местонахождением;
В этих методах <Местонахождение> может принимать следующие значе- ния:
BeforeBegin — текст, находящийся перед открывающим тегом эле- мента;
AfterBegin — текст, находящийся после открывающего тега элемен- та, но перед всем содержимым текущего элемента;
BeforeEnd — текст, находящийся перед закрывающим тегом элемен- та, но после всего содержимого элемента;
AfterEnd — текст, находящийся после закрывающего тега элемента;
getAttribute(<Имя параметра>, true | false) возвращает значение параметра с именем <Имя параметра> тега текущего элемента. Если вто- рой параметр равен false, то поиск параметра тега производится без уче- та регистра символов;
setAttribute(<Имя параметра>, <Значение>, true | false) присваи- вает <Значение> параметру с именем <Имя параметра> тега текущего эле- мента. Если третий параметр равен false, то поиск параметра тега произ- водится без учета регистра символов;
removeAttribute(<Имя параметра>, true | false) удаляет параметр тега текущего элемента. Если второй параметр равен false, то поиск па-
раметра тега производится без учета регистра символов. Возвращает зна- чение true, если удаление было выполнено успешно;
contains(<Имя элемента>) возвращает true, если элемент с этим именем содержится внутри текущего элемента;
getElementsByTagName(<Тег>) возвращает ссылку на коллекцию дочер- них элементов, созданных с использованием тега, переданного в качестве параметра;
scrollIntoView(true | false) вызывает прокрутку страницы в окне так, чтобы текущий элемент оказался в поле зрения. Если параметр равен true, то текущий элемент окажется у верхнего края окна, а если false — то у нижнего края.