Превратите div в ссылку

Question

Я гуглил, как превратить div в ссылку, но кажется, что есть много методов, ни один из которых, похоже, не будет хорошо работать в IE.

Какой самый лучший / самый простой метод для превращения div в ссылку?

Answer 1

Почему бы не использовать тег привязки и отображать его как элемент блока?

a { 
   display: block; 
   //remaining code here
}

Answer 2

или ты это имеешь ввиду?

<div onClick="window.location = 'http://www.cannonade.net';">blah</div>

Answer 3

Необработанный JavaScript:

<div onclick="alert('You clicked me !')">Click Me</div>

JQuery:

$('#div_id').click(function(){
  alert('Clicked !!');
});

Или

<div class="myBox">
     blah blah blah.
    <a href="http://google.com">link</a>
</div>

JQuery:

$(".myBox").click(function(){
     window.location=$(this).find("a").attr("href");
     return false;
});

Приведенный выше код отменяет действие по умолчанию для ссылки (переходя по ссылке) с помощью return false и связывает событие click с div с классом myBox, затем он находит атрибут src ссылки внутри div и window.location используется для перенаправления страницы на атрибут src ссылки, присутствующей внутри div. Так что это в основном делает div интерактивным.

Answer 4

Что вы имеете в виду "в ссылку"? Вы могли бы сделать это:

#mydiv {
  color: #00f;
  cursor: pointer;
}
#mydiv:hover {
  color: #f0f;
}