Упрощение получение ссылок на элементы

Thu, 03 Dec 2015 05:59:00 +0000

К сожалению, в javascript встречаются синтаксические конструкции, которые довольно длинны и из - за этого код вырастает просто в какого - то не читаемого монстра. Примером такой конструкции может служить document.getElementById(). Для упрощения кода, его написания и понимания в дальнейшем я предлагаю "зажать" эту конструкцию в промежуточную функцию и назвать ее, скажем byId().

Эта функция будет находить элемент в DOM и возвращать его как объект, к которому можно применить все методы, если бы Вы к нему обращались как к document.getElementById(). Функция будет выглядеть следующим образом:

function byId(thid)
{
return document.getElementById(thid);
}
Обратиться к этой функции можно следующим образом (например, для присвоения элементу определенного значения):

byId('element_id').value = 'value'

Функция getElementById()

Wed, 02 Dec 2015 13:47:00 +0000

document.getElementById - метод объекта document. Он возвращает ссылку на узел документа, которую можно использовать для изменения свойств и обращения к методам узла.

Например, есть элемент с id - your_name_input

<input type="text" name="your_name" id="your_name_input" /><script type="text/javascript">
  var name_input = document.getElementById('your_name_input')
  name_input.value="Medved"
</script>Если искомого элемента не существует, то getElementById возвращает 
null. Если есть много элементов с таким ID (что само по себе 
неправильно), то, в зависимости от браузера, getElementById может 
возвращать совершенно разные результаты. Например, первый элемент с этим
 ID.

prg - JavaScript

Упрощение получение ссылок на элементы

Функция getElementById()