Оглавление

Общие свойства и методы элементов Web-страницы

Все элементы Web-страницы также имеют свойства и методы. Помимо свойств, специфических для конкретных элементов, все они имеют следующие общие свойства:
□   all — ссылка на коллекцию дочерних элементов;

□  id — имя элемента, заданное параметром id;
□  className — имя класса, заданное параметром class элемента Web-страницы;
□  source index — порядковый номер элемента, который можно использовать для ссылки на элемент из коллекции all;
□  tagName — имя тега элемента;
□  parentElement — ссылка на элемент-родитель;
□  length — число элементов в коллекции;
□  height и width — высота и ширина элемента;
□  clientHeight и clientWidth — высота и ширина элемента без учета рамок, границ, полос прокрутки и т. п.;
□  clientLeft — смещение левого края элемента относительно левого края элемента-родителя без учета рамок, границ, полос прокрутки и т. п.;
□  clientTор — смещение верхнего края элемента относительно верхнего края элемента-родителя без учета рамок, границ, полос прокрутки и т. п.;
□  offsetHeight и offsetWidth — высота и ширина элемента относительно элемента-родителя;

□  offsetLeft — смещение левого края элемента относительно левого края элемента-родителя;
□  offsetParent — ссылка на элемент-родитель, относительно которого определяются свойства offsetHeight, offsetWidth, offsetLeft и offsetTop;
□  offsetTop — смещение верхнего края элемента относительно верхнего края элемента-родителя;
□  innerText — содержимое элемента, исключая теги HTML. Если присвоить свойству новое значение, то содержимое элемента изменится;
□  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)   присваивает <3начение> параметру с именем <Имя параметра> тега текущего элемента. Если третий параметр равен false, то поиск параметра тега производится без учета регистра символов;
□  removeAttribute(<Имя параметра>, true | false)   удаляет параметр тега текущего элемента. Если второй параметр равен false, то поиск параметра тега производится без учета регистра символов. Возвращает значение true, если удаление было выполнено успешно;
□  ciearAttributes() удаляет все параметры тега элемента кроме параметров id и name;
□  contains(<Имя элемента>) возвращает true, если элемент с этим именем содержится внутри текущего элемента;
□  getElementsByTagName(<Тег>) возвращает ссылку на коллекцию дочерних элементов, созданных с использованием тега, переданного в качестве параметра;
□  scrolllntoView(true | false)   вызывает прокрутку страницы  в окне так, чтобы текущий элемент оказался в поле зрения. Если параметр равен true, то текущий элемент окажется у верхнего края окна, а если false — то у нижнего края.

Комментарии принадлежат их авторам. Мы не несем ответственности за их содержание.
Отправитель Нити