Как присвоить стиль элементу до отрузки dom?

Ну разумеется я имел ввиду присвоить стиль javascript-ом

@newaitix чур вас. если вы стили делаете через js

@deadbyelpy да вы их и сами делаете. Или в jQuery вы не пользуетесь ни css(), ни animate() и вообще ничем-ничем?
И потом, необязательно работать с инлайн-стилями, когда есть коллекция Stylesheets со своими интерфейсами.

@Petroveg конечно использую, но совсем в редких случаях, когда мне лень написать класс для этого. Считаю, что стили должны быть в стилях, а не в js.
Иначе для добавления функционала, правки текущего да и просто отладки, приходится пользоваться поиском по файлам js, и не факт что объект передаваемый в $().css() не был изменен в процессе.

Вы абсолютно правильно считаете, но зачастую приходится использовать динамическое присвоение инлайн-стилей в JS. В вопросе речь идёт об изменении стиля. А коррекции вполне допустимы.

@deadbyelpy: Не надо меня чур js поможет мне понять основы а используя jquery я никогда не буду знать что там происходит

То есть вы имеете ввиду что мне нужно создать элемент и присвоить ему стиль. А браузер потом его заберет при отрисовке?

А вообще возможно я не правельно подал вопрос. Суть заключается в том чтоб я имел на руках объект элемента до его отрисовки тогда я смогу и стиль ему присвоить и событие на него повесить и сделать с ним все что заблогорасудится.

Пока нет элемента document.getElementById(...) будит возвращять мне null

@newaitix: в большинстве случаев не нужно вешать на элемент обработчики — событие всплывает до window и лучше ловить его там.
Так же и стиль — я могу динамически создать стиль под его селектор.
И всё это можно делать до наступления DOMContentLoaded.

@Petroveg: Нет я все же не понимаю смотрите я пишу document.getElementById(...).style то есть null.style. Блок с которым мне нужно работать приходить в виде текста из ajax запроса. Так тоже не работает document.styleSheets.insertRule("#tests_scc { color: white }", 0);

@newaitix: вы демонстрируете незнание предмета разговора. jsfiddle.net/petroveg/r0teyn1e

Ага так разобрался не правильно писал document.styleSheets[0].insertRule("#tests_css{background:rgb(0,0,0)}",0);
но как же быть с обработчиком

Добавлю без использования jquery разумеется.

@Petroveg: Вы правы я не силен в этом вопросе. Не знаю основ.

Для обработчика я вижу только один вариант. document.onclick=function(){if(event.target.tagName == "A")..... Я правельно думаю? Подскажите

Та даже не в обработчике дело это все что касается элементов получить атрибут например

@newaitix: зачем вам пытаться решать задачи без jQuery, если он значительно облегчает жизнь?
Вот то же самое на чистом JS jsfiddle.net/petroveg/r0teyn1e/1
Я умею так писать, но не пишу, потому считаю потерей времени. А вам это зачем?

Вы сами говорите что я не владею вопросом. Проблема моя в том что я начал что то писать на jquery где все просто $(element) и ты можешь делать все что угодно. Когда же я захотел выйти за рамки jquery я понял что я абсолютно ничего не знаю в javascript не знаю основ а значит не знаю ничего. И поставил себе цель переписать все что было написано под jquery на native JavaScript

@newaitix: ну так подход к навешиванию обработчика на document актуален везде, и неважно — используется ли jQuery, или это — нативный JS.
Хотя да — вы правы, без знаний языка, его работы с DOM, а также ряда WebAPI тяжело прогрессировать.

@Petroveg: как это ведь в случае с jquery я могу написать $(element) и меня как бы не интересовало как там jquery с этим разбирается (хотя я уже понимаю что наверняка он не навешивает на конкретный элемент событие а вешает его на весь document).
В случае же с javascript я увидел разные варианты document.onclick=function(event){// тут узнать через event все об этом элементе или document.addEventListener('click', function(event){// тут узнать через event

$(element) ... вешает его на весь document — конечно нет. Вешает именно на element.
document.onclick — фу...
document.addEventListener — да, да и да.

@Petroveg: Вы как то не понятно выражаетесь "$(element) ... вешает его на весь document — конечно нет". Вот я хочу разобраться как jquery это делает.
Вешает на весь документ?- тогда мне все понятно я разобрался уже.
Вешает на каонкретный элемент?-тогда мне не понятно как можно повесить событие на элемент которого еще не существует.

@newaitix: для вас непонятно, потому что для начала вам следует прочесть про модель событий.
$(element).on() вешает обработчик на element. Что тут непонятного?
Как можно слушать событие, не регистрируя его в самом узле, а на document — понятно же, $(document).on().
В общем, читайте уже учебники.