да и вот ещё можно ли сделать чтобы вместо id="message" был class="message" ну это не обязательно просто для интересса

window.onload === $(document).ready
(ну почти :) )

Можно и класс message. Вот так:
var h = document.getElementsByClassName('message')[0];
Только нужно помнить, что
document.getElementById('message'); - возвращает один элемент, а
document.getElementsByClassName('message') - целый массив, всех элементов, у которых класс = 'message', поэтому, если он все-таки один на странице, то можно воспользоваться и этим методом, но поставить [0] - обращение к элементу массива. Если их несколько, то соответственно перебрать весь массив и найти тот, элемент который нужно (по имени тега или по id). Но такой вариант в любом случае требует уточнения, поэтому лучше сразу обращаться по id.

nesnayka, ещё раз спасибо за исчерпывающий ответ

BARABANTEMO,
Всегда пожалуста. )

красивее так:

var h = document.querySelector('.message')

Согласен.
Но я там особо не задумывался о красоте кода, главное направление в котором мыслить. Можно и $('.message') :)
Там и по поводу того, что "document.getElementsByClassName('message') - целый массив, всех элементов" - неточность. Реально это больше чем массив, у этих(этого) объектов(а) есть и другие свойства. Но для общего понимания...