Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Узнать href у ссылки (https://javascript.ru/forum/misc/13560-uznat-href-u-ssylki.html)

shureg 03.12.2010 22:19
Узнать href у ссылки
 
Доброго времени суток.

у меня есть куча ссылок, Допустим:

<a href="http://yandex.ru" id="link_1" onClick="my_fucn("link_1");">ссылка 1</a>
<a href="http://gogo.ru" id="link_2" onClick="my_fucn("link_2");">ссылка 2</a>
<a href="http://google.ru" id="link_3" onClick="my_fucn("link_3");">ссылка 3</a>


ну и собственно моя функция
function my_fucn(link_id)
{
//как определить href у ссылки с опредленным ИД
alert(document.getElementById(link_id).?????? что тут????)

}


P.S. Нужно имеено жаваскрипт реализация
на Jquery я знаю что нужно так: $("#"+link_id).attr("href"); но мне нада без фреймворокв чистым js

monolithed 03.12.2010 22:29 
<script type="text/javascript">
window.onload = function(){
    var a = document.getElementsByTagName('a'), i = a.length
    while(i--){
        a[i].onclick = function(){
            alert(this.href);
            return false;
        };
    }
};
</script>

<a href="http://yandex.ru">ссылка 1</a>
<a href="http://gogo.ru">ссылка 2</a>
<a href="http://google.ru">ссылка 3</a>


Но лучше так:
<script type="text/javascript">
window.onload = function(){
    var a = document.getElementsByTagName('a'), i = a.length
    while(i--){
        a[i].onclick = (function(){
            return function(){
                alert(this.href);
                return false;
            };
        })();
    }
};
</script>

<a href="http://yandex.ru">ссылка 1</a>
<a href="http://gogo.ru">ссылка 2</a>
<a href="http://google.ru">ссылка 3</a>

Aetae 04.12.2010 00:27
Цитата:
Сообщение от monolithed (Сообщение 82182)
Но лучше так:
Чем энто лучше?

shureg 04.12.2010 06:38
Цитата:
Сообщение от monolithed (Сообщение 82182) 
<script type="text/javascript">
window.onload = function(){
    var a = document.getElementsByTagName('a'), i = a.length
    while(i--){
        a[i].onclick = function(){
            alert(this.href);
            return false;
        };
    }
};
</script>

Спасибо, но было достаточно бы:

<a href="http://yandex.ru" id="link_1" onClick="my_fucn("link_1");">ссылка 1</a> 
<a href="http://gogo.ru" id="link_2" onClick="my_fucn("link_2");">ссылка 2</a> 
<a href="http://google.ru" id="link_3" onClick="my_fucn("link_3");">ссылка 3</a>




function my_fucn(link_id) 
2	{ 
3	//как определить href у ссылки с опредленным ИД 
4	alert(document.getElementById(link_id).href);
6	}

(Ну если судить по вашему ответу =) )
как доберусь до фтп сразу проверю!!!!

Aetae 04.12.2010 07:21
Цитата:
Сообщение от shureg (Сообщение 82208)
(Ну если судить по вашему ответу =) )
как доберусь до фтп сразу проверю!!!!
 
только не
<a href="http://yandex.ru" id="link_1" onClick="my_fucn("link_1");">ссылка 1</a>
а
<a href="http://yandex.ru" id="link_1" onClick="my_fucn('link_1');">ссылка 1</a>
или
<a href="http://yandex.ru" id="link_1" onClick='my_fucn("link_1");'>ссылка 1</a>


Даже подсветка намекает. Первая кавычка открывают вторая закрывает - основы основ же.

shureg 04.12.2010 08:02
Цитата:
Даже подсветка намекает. Первая кавычка открывают вторая закрывает - основы основ же.
Просто опечатался, так как создавал тему ночью и прямо в текст поле набирал.... это я знаю =) еще забыли указать вариант с экраниванием ;P


<a href="http://yandex.ru" id="link_1" onClick="my_fucn(\"link_1\");">ссылка 1</a>

monolithed 04.12.2010 12:04
Цитата:
Сообщение от Aetae
Чем энто лучше?
Лучше тем, что автору возможно понадобится получить порядковый номер элемента

Aetae 04.12.2010 15:15
Цитата:
Сообщение от monolithed (Сообщение 82226)
Лучше тем, что автору возможно понадобится получить порядковый номер элемента
Сомнительно.) В приведённом виде выглядит бессмысленно.


Часовой пояс GMT +3, время: 10:02.