Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > Коллекция ссылок

Автор: bokul 8.3.2007, 22:22

Как заставить все ссылке страницы реагировать одинаково на одни и те же действия, без банального прописывания одного и тоже кода во все ссылке?

Автор: GZep 8.3.2007, 22:30

Какой именно код не надо прописывать постоянно?

Автор: bokul 8.3.2007, 22:47

Не имеет значения, в данном случае меняет ссылку, т.е. ее вид.

Автор: vasac 9.3.2007, 10:26

с CSS знакомы?

Автор: Mymik 9.3.2007, 11:29

Вот так вот через CSS

Код


a {color:#FFF;} 
a:hover {color:#000;}

А если через JS то вот так вот -->>

Код


<html>
<head>
<script type="text/javascript">
    function setLinkColor()
    {
        var links = document.getElementsByTagName("a"); /* Находим все тэг-элементы A */
        for(i = 0; i < links.length; i++)
        {
            links[i].style.color = "#CCC"; /* изменяем у всех элементов данной коллекции стиль (цвет в частности цвет) */
        }
    }
</script>
</head>
<body>
    <a href="" >sss</a>
    <a href="">sssdwww</a>
    <a href="#" onclick="setLinkColor();return!1">click me</a>
</body>
</html>

но первое гораздо более рациональное. А второе можно использовать если нужно событие что ли какие-нибудь подвесить... хотя тоже не сильно понимаю его...

Автор: bokul 9.3.2007, 18:40

Mymik, спасибо! Нужно было именно JS, так как события и реакция были приведены только для примера. Еще раз спасибо.

Автор: Sardar 10.3.2007, 00:02

Эти коллекции иногда относят к "не официальному" http://msdn2.microsoft.com/en-us/library/ms535862.aspx# (коллекции document).

Автор: AKS 10.3.2007, 09:01

Цитата(Sardar @ 10.3.2007, 00:02

)

Эти коллекции иногда относят к "не официальному" DOM0...

А ведь "нестандарт" по имени DOM0 был не так уж и плох - данную задачу можно было решить одной строкой:

Код


document.linkColor = "#CCC";

Просто, не правда ли? Кстати, document.links - стандартная "штучка" (http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-7068919).