Веб-программирование

Обучение программированию

Делаете первые шаги в программировании? Представляем вашему вниманию пошаговое обучение самостоятельного создания сайтов любой сложности на примерах! На страницах сайта KobRU вы найдете все самое необходимое, для того чтобы по праву считаться веб-мастером по созданию привлекательных динамически изменяемых интернет-страниц, используя основные инструменты веб-разработчиков: HTML; CSS; PHP; MySQL; JAVASCRIPT и другие. Сайт KobRU - наиболее полное и качественно структурированное руководство с предельно понятными пояснениями и поэтапным изложением материала, который поможет вам в совершенстве овладеть искусством программирования. Добавьте динамики и интерактивность в свои веб-проекты!

Вход в личный кабинет

Забыли пароль?

Не зарегистрированны?


Конструкторское Web-бюро
12.03 Создание css стилей

Автор: Denisido

Дата: 2011-01-04

Объект CSSRule

Для программного создания css стилей в диалекте JavaScript используется объект CSSRule, экземпляр которого создается самим Web-обозревателем и доступен через свойство style объекта HTMLElement. Что касается свойств объекта CSSRule, то они прописываются без знака дефиса:

// простое создание css стилей
  
color        // цвет текста
text-align   // выравнивание текста
// javascript свойства css
  
color       // цвет текста
textAlign   // выравнивание текста (пишем без дефиса)

Как видим из примера знак дефиса убирается а первая буква слова, следующего за ним становится заглавной:

Запустить javascript пример!
<div><p>javascript свойства css</p></div>
// создание css стилей
  
window.onload = afterLoad;
function afterLoad() {
	var divObj = document.getElementsByTagName('div'); // определяем главный тег
	var mainDiv = divObj[0]; 			   // определяем главный тег (он 1-й)
	mainDiv.setAttribute('id','mainDiv'); 		   // создаем атрибут со значением
	var kinder = mainDiv.childNodes[0];         	   // находим дочерний узел
	var textKinder = kinder.childNodes[0].nodeValue;   // находим текстовый узел
	alert(textKinder); 				   // вывод в модальное окно 		
	with (kinder.style)	{                          // javascript свойства css
				color = '#00cccc';
				textAlign = 'right';
				margin = '100px';
				padding = '5px';
				border = 'solid 1px #cccccc';
				fontSize = '18px';
				};
}; // end func afterLoad



Оцените материал по 5-ти бальной шкале: 1 2 3 4 5



Коментарии:

Добавить новый коментарий:

Текст коментария:

Введите результат с картинки

Просмотров: 10867

Метки раздела JavaScript

Основы web программирования, var javascript, javascript функции, javascript обучение, javascript простые примеры, html javascript, javascript примеры, javascript random, уроки сайтостроения, java script, регулярные выражения, appendchild javascript, javascript бесплатно, javascript document write, javascript справочник, javascript примеры.