Обращение к объектам CSS

[Djumpen]

Честно скажу, искал - не нашел =)
Моя задача такова: нужно динамически менять цвета ссылок, позиционирование, фон объектов и тд через скрипт. Проблема в том, что я не знаю как обратится к этим объектам.
document.getElementById("item_id").style.color - цвет ссылки (например).
Нужно обратися к таким свойствам как :hover :link и др. Подскажите, как. Благодарю.

[SkyLight]

а почему бы просто не менять у ссылок класс?

[Octane]

Никак. Добавляйте на страницу <style type="text/css">…</style>. Ну или можно помучаться с document.styleSheets. Или меняйте CSS-класс, как предложили в сообщении выше.

[Djumpen]

У меня есть небольшие input`ы куда пользователь вводит цвет ссылки (link, hover). После того как он введет значение мне нужно скопировать его в свойство этого объекта. Цвет должен менятся сразу после срабатывание скрипта.

[Octane]

var tmp = document.createElement("div");
tmp.innerHTML = '<style type="text/css">* {color: #f00}</style>';
document.body.appendChild(tmp.firstChild);

[Djumpen]

Впринципе работает если явно задавать цвет, спасиб. Только не получается задать переменный (8 строка)

document.onclick = function() {
	
	var a1;///////////////////////////////////////////////////////////////////	1
	a1 = document.getElementById("colorpickerField1").value;
	//document.getElementById("new").style.color = "#" + a1;
	document.getElementById("colorpickerField1").style.background = "#" + a1;
	var tmp1 = document.createElement("div");
	tmp.innerHTML = '<style type=text/css>.headNav a {color: ' + a1 + '; !important}</style>';
	document.body.appendChild(tmp.firstChild);

Хелп.

[Aetae]

...
var tmp1 = document.createElement("div");
tmp.innerH ...

[Djumpen]

Спасибо за все подсказки. Возник еще 1 вопрос:
Есть поле input, куда вводится адрес изображения. Как сделать так, чтоб при срабатывании события document.onclick это изображение подставлялось в фон страници или фоном других элементов?

[Skipp]

<input id="image" type="text" value="url">
<div id="div">sefsegesgergres</div>

document.onclcik=function()
{
var image = document.getElementById("image").value;
var elem=document.getElementById('div');
elem.style.backgroundImage = "url(" + image +")";
}

[Djumpen]

Да я писал так, ничего не получается У вас у самих то этот код работает? Возможно я где то что то упустил, хотя все уже перепроверил.
Может через Ajax? Хотя не хотелось бы к этому прибегать.