четверг, 12 ноября 2009 г.

JavaScript - GetElementById - что это такое, и как это кушать?

GetElementById - это метод объекта document  в языке JavaScript. Он предназначен для того, чтобы возвращать ссылку на какой-то элемент (element) страницы по его id.
Например, мы хотим, чтобы пользователю в определенном месте страницы выводилось время его захода на нее. Будем выводить это время в определенном теге <div> с id 'now_time':
<div id='now_time'></div>
Теперь, чтобы обратиться к этому элементу, мы должны использовать метод GetElementById вот так:
<script type="text/javascript">
//Присваиваем переменной time_element ссылку на наш div:
var time_element = document.getElementById('now_time')
//Получаем в переменную time Значение времени

  var time = new Date()
  var hours = time.getHours()
  var minutes = time.getMinutes()
  var seconds = time.getSeconds()

  if (seconds < 10) seconds = "0" + seconds
  if (minutes < 10) minutes = "0" + minutes

  var time = hours + ":" + minutes + ":" + second

  //Выводим нашу переменную в содержимом нашего тега div,
  //используя метод InnerHTML
  time_element.innerHTML = time
</script>
Вот и все, ничего сложного:)
Разумеется, метод innerHTML  я привел только для примера. Вообще говоря, с этим элементом теперь можно проделывать все, что угодно. Подробнее о элементах, их свойствах и методах можно почитать вот здесь.

1 комментарий:

NullFlow комментирует...

Спасибо пригодилось...