Hacer un elemento HTML como un div clickeable y añadirle un href vía javascript

Javascript es una de las mejores tecnologías que podemos integrar a nuestra web, ya que nos permite hacer muchas funcionalidades y cambios de manera fácil.

Aqui les traigo una sencilla solución para los que quieren añadirle un enlace ya sea interno o externo a cualquier elemento html, dígase un <div>, <span>, <p>...etc.

Para ello colocamos el div de la siguiente manera.

<div id=”clickeable” onclick=”location.href=’http://www.nuestraweb.com’;” ></div>

Como podemos ver de esta forma no se evidencia que existe un objeto o elemento clickeable en nuestra web por lo tanto debemos añadirle ese comportamiento con css o desde el mismo javascript, el ejemplo siguiente lo haremos por css. La propiedad que añadiremos es ¨cursor: pointer;¨

Siempre es recomendarlo como buenas prácticas de programación hacerlo dentro de la hoja de estilo, osea en un archivo css externo, no dentro de la misma etiqueta html:

<div id=”clickeable” onclick=”location.href=’http://www.nuestraweb.com’;” style=”cursor:pointer;” ></div>

Link en html

Si solo queremos hacer un elemento html como si fuera un enlace solo debemos añadir una propiedad href.

<a href="http://www.nuestraweb.com" ></a>

Espero les sea de ayuda, no olvides comentarnos cualquier duda o sugerencia. Saludos.