[js/css] oddzielenie wyglądu od treści - css w osobnym pliku + javascript Opcje

[wujek_bogdan]

przyzwyczajony jestem do oddzielania wyglądu od treści, staram się wieć nie umieszczać styli wewnątrz tagów html, a w osobnym pliu *.css. Niestety javascript sobie z tym nie radzi. jeśli chcę pobrać właściwość jakiegoś elementu o danym ID, muszę style umieszczać wewnątrz tego znacznika. czy jest na to jakiś sposób, tzn czy można "zmusić" skrypt js, aby czytał style tagów z pliku .css ?

[wujek_bogdan]

to może na prostym przykładzie:
na początku wywołuje funkcje:

[HTML] pobierz, plaintext 
window.onload = JakasFunkcja;
function JakasFunkcja() {
var mojaZmienna = document.getElementById('jakiesID');
alert(mojaZmienna.style.display);
}
[HTML] pobierz, plaintext 

i jesli moj kod HTML wyglada tak:

[HTML] pobierz, plaintext 
<p id="jakiesID" style="display:block;">coś</p>
[HTML] pobierz, plaintext 

to oczywiście wszystko działa, ale jeśli styl umieszczam w osobnym pliku .css wtedy html wygląda tak:

[HTML] pobierz, plaintext 
<p id="jakiesID">coś</p>
[HTML] pobierz, plaintext 

i wtedy skrypt nie działa. chciałem uniknąć umieszczania styli wewnątrz tagów HTML.