- створення;
- управління атрибутами;
- додавання / видалення стовпців і рядків;
- переміщення рядків;
- заповнення клітинок
1. створення таблиці
Для того, щоб створити нову таблицю на сторінці потрібно згенерувати елемент TABLE (createElement ()) і додати його в ієрархічну структуру документа за допомогою методу appendChild ():
2. управління атрибутами
Є два способи присвоєння атрибутів елементу: використання методу setAttribute ()
і пряме звернення до властивостей об'єкта
Є й більш простий спосіб додавання в документ таблиці з певними атрибутами:
3. додавання / видалення стовпців і рядків і 4. переміщення рядків
Для вставки рядків використовується метод insertRow (), осередків - insertCell ():
Наступний приклад працює тільки в IE:
Чому не працює setAttribute ( "bgcolor", "# ff0000) для елементів таблиці TD, створених за допомогою createElement (# 'TD #') в Internet Explorer, взагалі не можу ніяк там колір зробити в таблиці .... (ФФ і опера все номрально.
Дякую за сайт! Дуже допоміг розібратися з форматуванням таблиць. Незнаю, помилка чи це, але ось тут # 'S #' в середині коду зайва: var t = document.getElementsById (# 't1 #'); і ще, не розібравшись з: rows [i] .className = "odd"; я вибрав спосіб: rows [i] .style.background = "# DDDDFF";
добрий день, у мене є форма хтмл, при заповненні якої, після натискання кнопки, дані йдуть в базу, а з бази інформація надходить в таблицю хтмл, яка розташована нижче цієї форми.А мені треба щоб інформація оновлювалася динамічно по ходу внесення даних в форму , т е ще до натискання кнопки, підкажіть будь ласка, може мені треба зв'язати таблицю з формою безпосередньо (не через базу) або може є якийсь інший спосіб? і чи варто мені переписати все обчислення з пхп на яваскрипт (для виклику onkeyup)? заздалегідь дякую!
Дякуємо! Реально дуже цінна інформація!