Удобные сокращения при работе с DOM : Программирование для всех. Языки программирования, программирование баз данных, технологии. Статьи для програмиста скачать бесплатно учебники книги документация форум : Статьи

Написание монстроподобных document.getElementById(), document.createElement() и других методом при работе с DOM в JavaScript можно избежать, используя функции с простыми и удобными именами.

Ситуация (встречается нередко): вам необходимо в функции получить доступ к нескольким HTML-элементам, изменив какое-то их свойство, например стилевое. Доступ, как это принято и удобно, получаем через идентификатор:

• Код JavaScript

function changeStyle()
	{

	      document.getElementById("firstId").style.display
	= "none";

	      document.getElementById("secondId").style.color
	= "green";

	      document.getElementById("thirdId").style.backgroundColor
	= "#FF0000";

	      document.getElementById("fourthId").style.fontWeight
	= "bold";

	      document.getElementById("fifthId").style.paddinпTop
	= "10px";

	}

В этом простом коде вместо громоздкого document.getElementById можно воспользоваться простой и удобной функцией gebi (по первым буквам get Element By Id). Её код:

• Код JavaScript

function gebi(id)
	{

	      return document.getElementById(id);

	}

Функция занимается совершенно тем же самым, получает доступ к элементу по его идентификатору, но имеет более короткую и удобную форму записи:

• Код JavaScript

function changeStyle()
	{

	      gebi("firstId").style.display
	= "none";

	      gebi("secondId").style.color
	= "green";

	      gebi("thirdId").style.backgroundColor
	= "#FF0000";

	      gebi("fourthId").style.fontWeight
	= "bold";

	      gebi("fifthId").style.paddingTop
	= "10px";

	}

Можно обыгрывать другие методы (и их комбинации со свойствами) для работы с DOM, сокращая их запись:

• Код JavaScript

// Возвращает созданный по переданному 
	имени элемент

	function ce(name)
	{

	      return document.createElement(name);

	}

	// Возвращает дочерний объект style для 
	элемента, id которого передается функции

	function styleId(id)
	{

	      if (el
	= document.getElementById(id))
	{

	            return el.style;

	      } else
	return false;

	}

	// Тогда изменение стилевых свойств предыдущего 
	примера запишется так:

	function changeStyle()
	{

	      styleId("firstId").display
	= "none";

	      styleId("secondId").color
	= "green";

	      styleId("thirdId").backgroundColor
	= "#FF0000";

	      styleId("fourthId").fontWeight
	= "bold";

	      styleId("fifthId").paddingTop
	= "10px";

	}

Плюсы и минусы

[+] Сокращенный синтаксис и более читабельный код.
[-] Необходимо объявлять функции и помнить о них в процессе написания кода
Отсюда делаем вывод, что сокращения удобны, когда вы многократно используете тот или иной метод. Уменьшения производительности при этом не наблюдается.

Автор: Александр Бурцев, http://fastcoder.org/

Инструменты Internet Explorer 8 Beta 2 для разработчиков.

В марте этого года мы уже писали об инструментах для разработчика в IE8 Beta 1, но IE8 Beta2 позволяет более полно использовать инструменты за счет значительных изменений в имеющихся функциях, а также новых возможностей. В принципе инструменты для разработчика должны обладать следующими свойствами: Быть интегрированными и простыми в использовании; Иметь визуальный интерфейс; C их помощью можно быстро протестировать сайт.

Дата проведения: 28 октября 2008 г.; Место проведения: Амбер Плаза, Москва, Россия. Конференция для веб-разработчиков и разработчиков мобильных приложений в Москве. Узнайте, как наилучшим образом использовать инструменты разработки и API от Google, чтобы создавать социальные, мобильные и картографические приложения, как использовать AJAX/JavaScript инструменты и библиотеки от Google и многое другое из первых уст.

ТОП 10 самых раздражающих факторов для программиста.

Совсем недавно наткнулся в интернете на забавный "хит-парад" наиболее раздражающих вещей для программиста. Поскольку он был на английском — решил перевести текст и несколько адаптировать к нашим реалиям…