Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 06.04.2013, 09:48
Аватар для Дюрі-бачі
Новичок на форуме
Отправить личное сообщение для Дюрі-бачі Посмотреть профиль Найти все сообщения от Дюрі-бачі
 
Регистрация: 06.04.2013
Сообщений: 6

Можно ли программно изменить CSS
Пример.
Есть таблица
<table class="StringGrid">
<tr><td class="Cell"><input class="Cell" type="text"></td> <td class="Cell"><input class="Cell" type="text"></td> <td class="Cell"><input class="Cell" type="text"></td></tr>
<tr><td class="Cell"><input class="Cell" type="text"></td><td class="Cell"><input class="Cell" type="text"></td><td class="Cell"><input class="Cell" type="text"></td></tr>
</table>

и есть файл со стилями этой таблицы
.StringGrid,  .Cell{
	margin:0;
	padding:0;
}
.StringGrid{
	width: 150px;
	height: 40px;
	border: none;
	border-collapse:collapse;
}
.Cell{
	display:table-cell;
	width:50px;
	height:20px;
}

Можно ли программно изменить свойства класса Cell. Например, чтоб при изменении ширины таблицы менялась ширина столбцов, или поставить всем ячейкам ReadOnly и т.д. Или обязательно делать поиск всех элементов с таким классом и им прописывать необходимые свойства через style:
var t=document.getElementsByClassName('StringGrid')[0];
t.style.width='210px';
// вместо перебора хотелось бы что-то в духе document.CSS.Class['Cell'].width = parseInt(t.style.width)/3)+'px';
var	cells=t.getElementsByClassName('Cell');
cells.forEach=[].forEach;
cells.forEach(function(item, i, arr){item.style.width = parseInt( parseInt(t.style.width)/3)+'px'});

Последний раз редактировалось Дюрі-бачі, 08.04.2013 в 15:54.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как сохранить css всей страницы? KupueIIIKo Events/DOM/Window 1 20.01.2012 10:39
Задание Css свойств по средствам Jquery IONEX jQuery 5 09.01.2012 16:00
Как изменить свойство css у всех элементов одного класса AlexJ Events/DOM/Window 7 19.03.2011 06:25
Изменить файл CSS средставами JavaScript makedonsky Элементы интерфейса 3 11.11.2010 02:48
Можно ли одновременно изменить фон и текст в поле? Bad Request Events/DOM/Window 12 25.09.2008 23:10