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

Question

Я разработчик шаблона,

я создал один сценарий для сноски кредитной линии, так что пользователь не может удалить ссылку колонтитула,

Однако, я немного путаю, почему якорь не работает?

вот сценарий.

<script> 
window.onload = function() { 
    var e = document.getElementById("credit");    
    e.setAttribute("href", "http://www.example.com/"); 
    e.setAttribute("ref", "dofollow"); 
    e.setAttribute("title", "Free Templates"); 
    e.innerHTML = "Example" 

} 
</script> 

Как вы видите выше сценарий, я включен, что в моем шаблоне, а также я добавить кредитную DIV в нижней области, как это:

<div id="credit"></div> 

Теперь, когда я открываю мой шаблон, кажется, как простые тексты.

Задача: Почему пример кажется простым текстом, он не является якорем. как сделать его интерактивным, чтобы он мог перейти на example.com, если щелкнуть.

Fiddle:https://jsfiddle.net/copyblogger/dkt2jdxt/5/

Примечание: пожалуйста, поделитесь полной кодированию с примером скрипки.

Answer 1

Попробуйте это:

<a id="credit"></a> 

Вы были установки атрибутов, что DIV тег не имеет, но тег делает.

Answer 2

Атрибут href поддерживается только на следующих элементах: <a>, <area>, <base>, <link>.

Вы можете обернуть <div> в элементе <a>, а затем весь div можно будет щелкнуть.