Последние учебники веб-разработки
×

JavaScript Справка

обзор

JavaScript

JS строка JS Число JS операторы JS Заявления JS математический JS Дата JS массив JS логический JS RegExp JS Глобальный JS конверсионный

браузер BOM

Window Navigator Screen History Location

HTML DOM

DOM Документ DOM элементы DOM Атрибуты DOM Мероприятия DOM Стиль

HTML Объекты

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Другие объекты

CSSStyleDeclaration


 

HTML DOM Коллекция ссылок

<Document Object

пример

Узнайте, сколько ссылок есть в документе:

var x = document.links.length;

В результате х будет:

5
Попробуй сам "

Больше "Try it Yourself" примеры ниже.


Определение и использование

Коллекция ссылок возвращает коллекцию всех ссылок в документе.

Ссылки в коллекции представляет <a> элементы и / или <area> элементы с HREF атрибута.

Примечание: Если элемент отсутствует href атрибута, ничего не возвращается.

Note: Элементы коллекции сортируются , как они появляются в исходном коде.

Совет: Также обратите внимание на объект Anchor и Площадь объекта .


Поддержка браузеров

Коллекция
links да да да да да

Синтаксис

document.links

свойства

Имущество Описание
length Возвращает количество <a> и / или <area> элементов в коллекции.

Примечание: Это свойство только для чтения

методы

метод Описание
[ index ] Возвращает <a> и / или <area> элемент из коллекции с указанным индексом (starts at 0) .

Примечание: Возвращает пустое значение , если индекс находится вне диапазона
item( index ) Возвращает <a> и / или <area> элемент из коллекции с указанным индексом (starts at 0) .

Примечание: Возвращает пустое значение , если индекс находится вне диапазона
namedItem( id ) Возвращает <a> и / или <area> элемент из коллекции с указанным идентификатором.

Примечание: возвращает нулевое значение , если идентификатор не существует

Технические подробности

DOM Версия: Базовый уровень объекта 1 Документ
Возвращаемое значение: HTMLCollection Объект, представляющий все <a> элементы и / или <area> элементы в документе. Элементы коллекции сортируются, как они появляются в исходном коде

Примеры

Еще примеры

пример

[Индекс]

Получить URL первого звена (index 0) в документе:

var x = document.links[0].href;

В результате х будет:

http://www.w3ii.com/jsref/sun.htm
Попробуй сам "

пример

item( index )

Получить URL первого звена (index 0) в документе:

var x = document.links.item(0).href;

В результате х будет:

http://www.w3ii.com/jsref/sun.htm
Попробуй сам "

пример

namedItem( id )

Получить URL элемента с идентификатором = «MyLink» в документе:

var x = document.links.namedItem("myLink").href;

В результате х будет:

http://www.w3ii.com/html/default.html
Попробуй сам "

пример

Добавить красную границу к первой ссылке в документе:

document.links[0].style.border = "5px solid red";
Попробуй сам "

пример

Цикл по всем ссылкам в документе, а также выводить URL (href) каждое звено:

var x = document.links;
var txt = "";
var i;
for (i = 0; i < x.length; i++) {
    txt = txt + x[i].href + "<br>";
}

Результат TXT будет:

http://www.w3ii.com/jsref/sun.htm
http://www.w3ii.com/jsref/mercur.htm
http://www.w3ii.com/jsref/venus.htm
http://www.w3ii.com/html/default.html
http://www.w3ii.com/css/default.html
Попробуй сам "

Похожие страницы

JavaScript ссылка: HTML DOM Anchor объекта

JavaScript ссылка: HTML DOM Площадь объекта

HTML учебник: HTML ссылка

HTML ссылка: HTML <a> тег

HTML ссылка: HTML <area> тег


<Document Object