0

Есть код:

<a href="" title="ТЕКСТ"><div class="article9">
    <img src="/images/logo.png" alt="текст">
        <for>Какой-то текст</for>               
</div></a>

Мне нужно, чтобы менялась только ссылка, а img, for, title оставались как были. При чем менялись в зависимости от дня. Как узнать какой день на компьютере пользователя я знаю:

function setNewYearBg() {
  var now = new Date(),
      month = now.getMonth(),
      day = now.getDate(),
  if( (month == 11 && day >= 25) || (month == 11 && day <= 28 ) ) {    

  }
  else if( (month == 11 && day == 29 ) ) {    
        document.body.classList.add('newyear_sunset');
  }
}

setNewYearBg();

Вопрос как менять ссылку. Сейчас у меня в CSS прописан код, относящийся к классу дива:

.article9 { 
    url(www.google.ru);
    ...
}

.article9:hover {   
    url(www.google.ru);
    ...
}

.article9 for {
    ...
}

.article9:hover for {   
    ...        
}

.article9>img {
    ...
}

Я попробовал в css прописать url, чтобы затем менять этот параметр в условиях (if) времени. Но ссылка не работает. Как решить эту проблему?

8
  • а зачем вам делать это классом ?
    – zb'
    Commented 21 мая 2017 в 14:25
  • а какие есть предложения?
    – user250973
    Commented 26 мая 2017 в 8:25
  • Менять атрибут href ссылки
    – zb'
    Commented 26 мая 2017 в 13:23
  • Так как раз-таки и вопрос в том как поменять атрибут href ссылки..
    – user250973
    Commented 26 мая 2017 в 15:07
  • в ответе это есть :)
    – zb'
    Commented 26 мая 2017 в 15:09

1 ответ 1

0

Для текущей разметки:

  1. javascript

    document.getElementsByClassName("article9")[0].parentElement.setAttribute("href", "link");
    <a href="" title="ТЕКСТ">
      <div class="article9">
        <img src="/images/logo.png" alt="текст">
          <for>Какой-то текст</for>               
      </div>
    </a>

  2. jQuery

$(".article9").parent().attr("href", "ссылка");
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="" title="ТЕКСТ">
  <div class="article9">
    <img src="/images/logo.png" alt="текст">
      <for>Какой-то текст</for>               
  </div>
</a>

13
  • Использовал вариант с JS, но не работает. Т.е. я в if добавил: "document.getElementsByClassName("article9")[0].parentElement.setAttribute("href", "www.google.ru");" Но при нажатии по ссылке - она не работает.
    – user250973
    Commented 21 мая 2017 в 15:00
  • @user250973 атрибут href заполнился необходимой ссылкой?
    – Kazantsev
    Commented 21 мая 2017 в 15:19
  • Где именно? В JS вы видите. А в html я оставил это поле пустым..
    – user250973
    Commented 21 мая 2017 в 15:40
  • @user250973 после выполнения функции проинспектируйте элемент на предмет заполнения атрибута.
    – Kazantsev
    Commented 21 мая 2017 в 18:57
  • Не совсем понимаю что Вы имеете ввиду. По идеи, JS-код должен был уже установить атрибут в "article9"..
    – user250973
    Commented 22 мая 2017 в 7:00

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.