Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: для новичков > именение стиля внутри innerHTML

Автор: nz1 9.8.2009, 19:00

имеется код:

Код


<div id=block></div>
<script language="Javascript" SRC="script.js"></script>

код script.js:

Код


var sref = escape(document.URL);
var slo = document.getElementById('block');
if (slo) {slo.innerHTML = "<a href=# style='color: black'>ссылка</a>";}

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

пробовал сделать так:

Код


<a href=# style='color: black' onmouseover='this.style.color='red'; this.style.textDecoration=\'none\';return true' onmouseout='this.style.color=\'black\';this.style.textDecoration=\'underline\';return true'>ссылка</a>

не работает

Автор: EmilRegis 10.8.2009, 14:31

ну естественно не работает...ты же везде используешь одинарные кавычки...
так попробуй

Код


onmouseover="this.style.color='red'; this.style.textDecoration=\'none\';return true"

Добавлено через 12 минут и 49 секунд
а вообще лучше работу со стилями оставить стилям...почему не использовать css ?
типа

Код


#block a{
color: black;
}

#block a:hover{
color:red;
}

Автор: IDVsbruck 10.8.2009, 22:06

Угу. Про css - однозначно.

А про кавычки - двойные можно дублировать, экранируя ("..." и \"...\" - разные "вложения"), а одинарные такому правилу не подчиняются.