VPF::Изменить содержимое элементов

muratti

Дата 29.11.2010, 07:57 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 3
Регистрация: 29.11.2010

Репутация: нет
Всего: нет

Суть задачи такова:
Есть документ html. В нём нужно изменить содержимое некоторых элементов или удалить эти элементы.

Страница примерно такая:

Код



<html>
<head><title>u in http://ssilka.ru"</script></title></head>
<body><a href="http://ssilka.ru"</a></body>
</html>

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">

<HTML>
<HEAD>
<TITLE>302 Found</TITLE>

</HEAD>
<BODY>
<H1>Found</H1>
The document has moved <A HREF="http://ssilka.ru">here</A>.<P>

</BODY>
</HTML>

Нужно изменить посредством яваскрипт, по нажатию кнопки содержимое элементов h1, body,a

Нужно чтобы работало во всех бразерах. У самого не получилось, сколько не искал документации, знаю основы яваскрипт\дом\хтмл, мой программист недоступен. Выручайте

Добавлено через 3 минуты и 5 секунд
Это при условии что Идентификаторы элементам не присвоены (помню где-то читал, что доступ может осуществляться, как к элементам массива, по порядковому номеру). Или как вариант - полностью стереть страницу посредством яваскрипт и перерисовать по новой

CruorVult

Дата 29.11.2010, 11:56 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 868
Регистрация: 24.9.2008
Где: г.Киев, Украина

Репутация: 13
Всего: 28

getElementsByTagName + innerHTML

muratti

Дата 29.11.2010, 13:24 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 3
Регистрация: 29.11.2010

Репутация: нет
Всего: нет

да, я с ними что-то эксперементировал, но ничего не поулчилось, потомуу и запостил тут.

CruorVult

Дата 29.11.2010, 13:41 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 868
Регистрация: 24.9.2008
Где: г.Киев, Украина

Репутация: 13
Всего: 28

что тут неясного, getElementsByTagName - возвращает список элементов, пройтись циклом и изменить свойство innerHTML. всё!

muratti

Дата 1.12.2010, 08:39 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 3
Регистрация: 29.11.2010

Репутация: нет
Всего: нет

CruorVult, я пробовал - у меня не вышло написать. покажите пример пожалуйста

CruorVult

Дата 1.12.2010, 12:57 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 868
Регистрация: 24.9.2008
Где: г.Киев, Украина

Репутация: 13
Всего: 28

Код


var h1 = document.getElementsByTagName('H1');
for(var i=0; i<h1.length; i++) {
    h1[i].innerHTML = "new text";
}

Это сообщение отредактировал(а) CruorVult - 1.12.2010, 12:57

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »