П84 html, JavaScript, php и Mysql. Джентльменский набор Web-мастера



бет22/30
Дата11.10.2023
өлшемі6.95 Mb.
#480343
1   ...   18   19   20   21   22   23   24   25   ...   30
Прохоренок Н.А. HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера (3-е издание, 2010) (1)

Общие свойства


и методы элементов 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 — смещение верхнего края элемента относительно верхнего края элемента-родителя;

  • 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) присваи- вает <Значение> параметру с именем <Имя параметра> тега текущего эле- мента. Если третий параметр равен false, то поиск параметра тега произ- водится без учета регистра символов;

  • removeAttribute(<Имя параметра>, true | false) удаляет параметр тега текущего элемента. Если второй параметр равен false, то поиск па-

раметра тега производится без учета регистра символов. Возвращает зна- чение true, если удаление было выполнено успешно;



  • clearAttributes() удаляет все параметры тега элемента кроме парамет- ров id и name;

  • contains(<Имя элемента>) возвращает true, если элемент с этим именем содержится внутри текущего элемента;

  • getElementsByTagName(<Тег>) возвращает ссылку на коллекцию дочер- них элементов, созданных с использованием тега, переданного в качестве параметра;

  • scrollIntoView(true | false) вызывает прокрутку страницы в окне так, чтобы текущий элемент оказался в поле зрения. Если параметр равен true, то текущий элемент окажется у верхнего края окна, а если false — то у нижнего края.





Достарыңызбен бөлісу:
1   ...   18   19   20   21   22   23   24   25   ...   30




©dereksiz.org 2024
әкімшілігінің қараңыз

    Басты бет