VPF::Изменить таблицу - Форум программистов

admin82

Дата 11.9.2007, 17:48 (ссылка)

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

Загрузка ...

Шустрый

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

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

Всем привет. Нужна помощь.
Наверняка известно, что в документе есть таблица такая:

Код


<TABLE class="className">
        <TBODY>
        <TR>
                <TD class = "classBla-Bla"> bla-bla-bla</TD>
        </TR>
        <TR>
               <TD> bla-bla-bla     </TD>
    </TR>
        <TR>
               <TD class=classBlaBla> blaBlaBla </TD>
      </TR>
          </TBODY>
</TABLE>

Мне надо во второй строке добавить ячейку (столбец) и записать в нее известный текст.
соответственно, надо в первой строке в td добавить colspan = "2" и в третьей строке в td добавить colspan = "2", а во второй строке сделать еще один td и вставить текст в него.
Вот так я нахожу нужную таблицу: (их в документе много)

Код


function test(){
var tables = document.getElementsByTagName('table');
        for (var i = 0; i < tables.length; i++){
            if (tables[i].className=="className")
                var table = tables[i];
        }
}

У таблицы нет ID, поэтому я пытаюсь найти все таблицы, а нужную идентифицировать по атрибуту class. А вот как потом проделать то, что мне надо, я не знаю. Выручайте!

SelenIT

Дата 11.9.2007, 23:45 (ссылка)

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

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

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

admin82, в правильном направлении двигаетесь;). Вот вариант:

Код


function test(){
var tables = document.getElementsByTagName('table');
        for (var i = 0; i < tables.length; i++){
            if (tables[i].className=="className")
                var table = tables[i];
        }
        if (!table) {
        alert('Нет таблицы!');
            return;
        }
        try {
            table.rows[1].insertCell(1);
            table.rows[1].cells[1].innerHTML = 'Получилось!';
        table.rows[0].cells[0].colSpan=table.rows[2].cells[0].colSpan=2;
    }
        catch(e) { alert('Неправильная таблица!'); }
}

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

admin82

Дата 12.9.2007, 10:20 (ссылка)

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

Загрузка ...

Шустрый

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

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

Спасибо, выручил. На основании твоего кода все сделал, а заодно пополнил знания в js.

Это сообщение отредактировал(а) admin82 - 12.9.2007, 10:20

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