Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

JavaScript의 문서에서 여러 앵커를 찾는 방법은 무엇입니까?


앵커 태그 자바 스크립트에서 문서를 다룰 때 매우 일반적입니다. 자바스크립트는 document.anchors .length를 제공했습니다. 문서의 앵커 수를 가져옵니다. 이 방법은 프로그램의 다른 라인 코드에 영향을 주지 않습니다. 앵커 태그의 길이만 렌더링합니다.

구문

length = document.anchors.length;

앵커 태그의 수만 반환합니다. 다른 코드 줄에 영향을 주지 않고.

예시-1

다음 예에서는 두 개의 앵커 태그가 사용되었으며 해당 길이는 DOM 속성 document를 사용하여 표시되었습니다. .anchors.length 출력에 표시된 대로.

<html>
<body>
   <a name="Tutor">Tutorix</a><br>
   <a name="Totorial">Tutorialspoint</a><br>
<p id="anchors"></p>
<script>
   document.getElementById("anchors").innerHTML =
   "The number of anchors are: " + document.anchors.length;
</script>
</body>
</html>

출력

Tutorix
Tutorialspoint
The number of anchors are: 2

예시-2

다음 예에서는 3개의 앵커 태그가 사용되었으며 해당 길이는 document.anchors.length를 사용하여 표시되었습니다. 출력에 표시된 대로.

<html>
<body>
   <a name="Tutor">Tutorix</a><br>
   <a name="Totorial">Tutorialspoint</a><br>
   <a name="Totorials">Tutorialspoint private ltd</a><br>
<script>
   document.write(document.anchors.length);
</script>
</body>
</html>

출력

Tutorix
Tutorialspoint
Tutorialspoint private ltd
3