Простой способ установить цвет шрифта в JavaScript на клике?

Question

Вопрос: Допустим, у меня есть базовый код

    <a name = "sec">this is a test</a>

Я хочу, чтобы функция javascript при щелчке ссылки изменила значение на

Итак, пользователь нажимает: ссылка на сайт!

И JS включается, чтобы изменить первый HTML-код на:

    <font color = "green"><a name = "sec">this is a test</a></font>

Возможно ли это сделать в JS?

Answer 1

Вы можете установить цвет элемента с помощью JS в качестве простого решения.Вы также должны дать элементу действительный атрибут href, который обнуляет поведение по умолчанию.

<a name="sec" href="javascript:void(0);" onclick="this.style.color='green';">
  this is a test
</a>

Answer 2

Попробуйте что-то вроде

<a href="#" onclick="this.style.color='green'; return false;">link</a>

И вам не следует использовать тег <font> для установки атрибутов текста, это считается плохой практикой в ​​современном HTML (будь то XHTML или HTML5).

Answer 3

легкий / быстрый способ

$(click_element).on('click',function() {
$(target_element).css('color', 'blue')});

Answer 4

Реально, вы должны хранить свою семантику и свой стиль отдельно.Как предлагали другие пользователи, используйте класс css вместо непосредственного изменения стилей.Это довольно легко сделать, как показано этим jsFiddle

<a href="#" id="my-link">This is a test</a>

<script type="text/javascript">
  var el = document.getElementById('my-link');
  el.addEventListener('click', function() {
    this.className = 'clicked-class';
  });
</script>

И, конечно, в вашем CSS вы можете определить какое-то правило:

.clicked-class {
  color: green;
}

Это можно сделать еще проще с библиотекой javascript по вашему выбору, но, надеюсь, этого будет достаточно, чтобы начать работу.

Answer 5

Как-то так должно работать: (Psudeo Code)

<a id="sec" onClick="makeGreen()">this is a test</a>

<script type="text/javascript" charset="utf-8">

function makeGreen() {
     document.getElementById('sec').style.color('green');
};

</script>