Получение доступа к Web-странице и ее элементам
Оглавление
Получение доступа к Web-странице и ее элементам
Страница 2
Страница 3
Страница 3 из 3
Например, так можно обратиться к абзацу с именем par, HTML-код которого был
приведен ранее, и получить его содержимое в формате HTML с помощью свойства
inner-HTML:
var s = document.all["par"].innerHTML;
Народ советует
Именно коллекцией all объекта document из-за ее всеобъемлющего характера
пользоваться удобнее всего.
Примеры
<Р ID="par">Это пример доступа к элементу Web-страницы.</Р>
<SCRIPT TYPE="text/javascript">
var parObject = document.all ["par" ] ;
var s = parObject.innerHTML; </SCRIPT>
Этот сценарий поместит в переменную s содержимое абзаца с именем par (текст
"Это пример доступа к элементу Web-страницы."). Доступ к этому абзацу
выполняется с помощью коллекции all объекта document.
Внимание!
Приведенный пример работает только в Microsoft Internet Explorer и Opera.
Fire-fox не поддерживает свойство innerHTML.
<IMG ID="pic" SRC="pic.gif"> <SCRIPT TYPE="text/javascript">
var picObject = document.images["pic"];
picObject.src = "pic2.gif"; </SCRIPT>
А этот сценарий заменит графическое изображение, сформированное тегом
<img> с именем pic, на другое, хранящееся в файле pic2.gif.
Решение 2
Использование метода getElementById объекта document. Формат его вызова
таков:
document.getEiementById(<Имя элемента>);
Имя элемента задается в строковом виде (разумеется, оно должно быть задано в
HTML-коде с помощью атрибута id). Метод возвращает экземпляр объекта,
соответствующий искомому элементу.
Это решение не очень наглядно, но зато правильно с точки зрения стандартов
DOM (Document Object Model, объектная модель документа), установленных комитетом W3C. (W3C, он же WWWC, он же World Wide Web Consortium — Комитет
повсеместно протянутой паутины — орган, занимающийся интернет-стандартами.) Но
используется оно довольно редко.
Кстати, нам также может пригодиться метод getElementsByTagName,
поддерживаемый всеми объектами — элементами страницы. Он принимает единственный
параметр — имя тега в строковом виде без символов < и > — и возвращает
массив, содержащий экземпляры объектов, соответствующие элементам страницы,
созданным с помощью данного тега.
Например, сценарий:
var tableObject = document.all["tablel"];
var rowsArray = tableObject.getElementsByTagName("TR");
поместит в переменную rowsArray все строки таблицы tablel.
Пример
Перепишем один из приведенных ранее примеров:
<IMG ID="pic" SRC="pic.gif"> <SCRIPT TYPE="text/javascript">
var picObject = document.getElementById("pic");
picObject.src = "pic2.gif"; </SCRIPT>
Как получить доступ к телу Web-страницы?
Проблема
Мне нужно получить доступ к телу Web-страницы, т. е. к тегу <body>.
Есть ли для этого какие-то средства?
Решение
Воспользоваться свойством body объекта document. Это свойство возвращает
экземпляр объекта, соответствующий телу Web-страницы.
Пример
var s = document.body.innerHTML;
Этот сценарий поместит в переменную s все содержимое страницы в виде
HTML-кода.
Внимание!
Приведенный пример работает только в Microsoft Internet Explorer и Opera.
Fire-fox не поддерживает свойство innerHTML.
« Пред. - След.