HTML DOM 컬렉션 앵커
정의 및 사용
그것은 모든 앵커 하이퍼 링크의 배열 현재 페이지의 컬렉션을 반환합니다.
문법
document.anchors[].property
브라우저 지원
모든 주요 브라우저는 앵커 컬렉션을 지원
예
예 1
링크 된 문서의 수를 돌려줍니다 :
<! DOCTYPE html로>
<HTML>
<헤드>
<메타 문자 집합 = "UTF-8">
<제목>이 튜토리얼 (w3big.com) </ 제목>
</ 헤드>
<바디>
<a name="html"> HTML 튜토리얼 </a>에로 <br>
<a name="css"> CSS 튜토리얼 </a>에로 <br>
<a name="xml"> XML 튜토리얼 </a>에로 <br>
<a의 href="/js/"> 자바 스크립트 튜토리얼 </a>에
<P> 앵커의 수 :
<스크립트>
document.write를 (document.anchors.length);
</ SCRIPT> </ P>
</ BODY>
</ HTML>
<HTML>
<헤드>
<메타 문자 집합 = "UTF-8">
<제목>이 튜토리얼 (w3big.com) </ 제목>
</ 헤드>
<바디>
<a name="html"> HTML 튜토리얼 </a>에로 <br>
<a name="css"> CSS 튜토리얼 </a>에로 <br>
<a name="xml"> XML 튜토리얼 </a>에로 <br>
<a의 href="/js/"> 자바 스크립트 튜토리얼 </a>에
<P> 앵커의 수 :
<스크립트>
document.write를 (document.anchors.length);
</ SCRIPT> </ P>
</ BODY>
</ HTML>
위의 출력의 예 :
锚的数量: 3
»시도
예 2
제 1 링크 앵커 텍스트 문서를 반환 :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
</head>
<body>
<a name="html">HTML 教程</a><br>
<a name="css">CSS 教程</a><br>
<a name="xml">XML 教程</a>
<p>文档中第一个锚:
<script>
document.write(document.anchors[0].innerHTML);
</script>
</p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
</head>
<body>
<a name="html">HTML 教程</a><br>
<a name="css">CSS 教程</a><br>
<a name="xml">XML 教程</a>
<p>文档中第一个锚:
<script>
document.write(document.anchors[0].innerHTML);
</script>
</p>
</body>
</html>
위의 출력의 예 :
文档中第一个锚: HTML 教程
»시도
문서 객체