Document (rozszerzenie)#
document.links#
Właściwość links
zwraca kolekcję typu HTMLCollection
, w której zawarte są wszystkie elementy a
lub area
(z ustawionym atrybutem href
) występujące w danym dokumencie. Właściwość jest tylko do odczytu.
Prosty przykład:
<!DOCTYPE html>
<html>
<head>
<script>
window.onload = function(){ // Uruchom po całkowitym załadowaniu dokumentu
var allLinks = document.links; // [object HTMLCollection] ze wszystkimi odsyłaczami z atrybutem href
var allLinksLen = allLinks.length;
var targetDiv = document.getElementById("rezultat");
targetDiv.innerHTML = "Kolekcja typu: " + allLinks + "<br><br>";
for (var i =0; i < allLinksLen ; i++){ // Iteracja po wszystkich węzłach kolekcji
targetDiv.appendChild(allLinks[i].cloneNode()); // Sklonowanie węzłów (żeby nie naruszyć oryginałów) i wstawienie do elementu div
targetDiv.appendChild(document.createElement("br"));
}
}
</script>
</head>
<body>
<p>Statyczne odsyłacze w kodzie HTML</p>
<ul>
<li><a href="">Pierwszy odsyłacz</a></li>
<li><a>Drugi odsyłacz</a></li>
<li><a href="">Trzeci odsyłacz</a></li>
</ul>
<p>Przefiltrowane odsyłacze za pomocą document.links</p>
<div id="rezultat"></div>
</body>
</html>
Interfejs Web IDL#
readonly attribute HTMLCollection links;
Specyfikacje i inne materiały#
Pasek społecznościowy