Why are link numbers different?

Question

I tried to count the links on the page using JS, but got different results. Why is there a difference?

var intLNK = document.links.length;
console.log(intLNK);

var intA = document.getElementsByTagName("a").length;
console.log(intA);

Run codeHide result

Answer 1

Quote from MDN

Reference property returns a collection of all the elements <area>and <a>the document with a value for the attribute href.

document.getElementsByTagName("a").length;

will return anchor elements regardless of attribute href. you can use

document.querySelectorAll('a[href]').length

to get the number of anchors that have an attribute href.

If you are interested in the performance of the two, see https://jsperf.com/document-links-vs-document-queryselectorall-a ^{Thanks Robert Weber}

Answer 2

document.links a ( <area>), href, - .

(mdn)

Answer 3

a href

Answer 4

, HTML.

1) .  <A Name = "Section1"> ... </A>

2) .  < A HREF = "target location"> ... </A>

document.links.length HREF, document.getElementsByTagName("a").length A .

.

Answer 5

, href, . .

href , jquery,

$('a[href]').length