В одном из примеров ширина таблицы увеличивалась до фиксированного размера. Напишем теперь скрипт, который уменьшает ширину таблицы относительно прежней на 20 пиксел. Так как ширина не фиксирована, то она должна вычисляться относительного текущей ширины. Для этого необходимо выполнить следующее:
обратиться к ширине таблицы и сохранить её текущее значение в переменной;
уменьшить значение переменной на 20;
присвоить ширине таблицы новое значение.
<input type="button" value="Меньше" onClick=" var tabWidth; tabWidth = document.getElementById('tab').width; tabWidth=tabWidth - 20; document.getElementById('tab').width = tabWidth; "> <table border="1" id="tab" width="750" > <tr> <td>Я не от тех бегу...</td> <td>Ну и пусть будет нелегким мой путь...</td> </tr> </table>
Код в действии
Я не от тех бегу, кто беды мне пророчил. Им и сытней, и проще на твердом берегу. Им не дано понять, что вдруг со мною стало, что в даль меня позвало, успокоит что меня.
Ну и пусть будет нелегким мой путь, Тянут ко дну боль и грусть, Прежних ошибок груз. Но мой плот, свитый из песен и слов, Всем моим бедам назло Вовсе не так уж плох.
Задание 2
Разместите на странице картинку и две кнопки: «Увеличить» и «Уменьшить». Одна из них должна при каждом щелчке увеличивать картинку, а другая — уменьшать.