Javascript передавая одну функцию для каждого тега привязки

Question

как получить атрибут href, используя функцию javascript для каждого тега привязки?

<a href="www.facebook.com" onclick="myurl(href)"> facebook</a><br>
<a href="www.youtube.com" onclick="myurl(href)">youtube </a><br>
<a href="www.google.com" onclick="myurl(href)">google </a><br>

<script> 


function myurl(href){

 alert(href);
}

</script>

Answer 1

Просто используйте this.href.

this относится к элементу DOM, который вызвал событие.

Answer 2

<a href="www.facebook.com" onclick="myurl(this.href)"> facebook</a><br>
<a href="www.youtube.com" onclick="myurl(this.href)">youtube </a><br>
<a href="www.google.com" onclick="myurl(this.href)">google </a><br>

Answer 3

Вы упомянули, что хотите alert все ссылки.Почему вы должны указывать onclick="myurl(this)" для каждого тега привязки?Если у вас есть та же функция для всех ваших тегов привязки.Вы можете рассмотреть возможность использования этого:

var elements = document.getElementsByTagName("a");
for(var i = 0; i < elements.length; i++) {
    elements[i].onclick = function () {
        alert(this.href);
    }
}

Answer 4

Сначала передайте объект в javascript

<a href="somesite.html" onclick="myurl(this)"> somebook </a>

Тогда делай в своей функции.

function myurl(LinkObject) { alert(LinkObject.href); }

Answer 5

Вы должны соответственно изменить свой код:

<a href="www.facebook.com" onclick="myurl(this)"> facebook</a><br>
<a href="www.youtube.com" onclick="myurl(this)">youtube </a><br>
<a href="www.google.com" onclick="myurl(this)">google </a><br>
<script> 
    function myurl(el){
       alert(el.href);
    }
</script>