Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > Изменить содержимое элементов


Автор: muratti 29.11.2010, 07:57
Суть задачи такова:
Есть документ 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
getElementsByTagName + innerHTML

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

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

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

Автор: CruorVult 1.12.2010, 12:57
Код

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

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)