JavaScript

[DOM_Document] JS - anchors 속성 - name 속성 갖은 모든 앵커태그집합 반환 (=anchors속성 = 앵커즈 속성)

목차

  1. anchors 예제 - name 속성 갖은 모든 앵커태그집합 반환
  2. anchors 정의
  3. anchors 구문
  4. anchors 소속 속성
  5. anchors 소속 메서드
  6. anchors 예제 - name 속성 갖는 첫 번째 <a> 접근

 

anchors 예제 - name 속성 갖은 모든 앵커태그집합 반환

 

<a href='https://homzzang.com/b/html'>HTML</a><br>

<a name="css" href='https://homzzang.com/b/css'>CSS</a><br>

<a name="php" href='https://homzzang.com/b/php'>PHP</a><br>

<a name="sql" href='https://homzzang.com/b/sql'>SQL</a><br>


<button onclick="homzzang()">클릭</button>


<p id="demo"></p>


<script>

function homzzang() {

  var x = document.anchors.length;

  document.getElementById("demo").innerHTML = x;

}

</script>

 

결과보기

결과값: 3

 

anchors 정의

 

name 속성 갖은 모든 <a> 태그 모음

 


 

1.

<a> 태그의 name 속성은 HTML5에서 지원 X.

 

2.

<a> 태그 모음 안의 요소들은 소스 코드에 있는대로 정렬.

 

3.

관련파트 : Anchor 객체 , document.links

 

4.

모든 브라우저 지원

 

anchors 구문

 

document.anchors

 


[반환값]

 

name 속성 갖는, 문서 안 모든 a 태그 집합인 HTMLCollection 객체 반환.

 

 

anchors 소속 속성

 

length

name 속성 갖는 <a> 요소 개수 반환. (읽기 전용)

 

 

anchors 소속 메서드

 

[index]

지정 색인번호의 name 속성 갖는 <a> 요소 반환.

※ 색인번호는 0부터 시작함.

※ 색인번호가 범위 밖일 때, null 반환.

 

item(index)

지정 색인번호의 name 속성 갖는 <a> 요소 반환.

※ 색인번호는 0부터 시작함.

※ 색인번호가 범위 밖일 때, null 반환.

 

namedItem(id)

지정 id 갖는 컬렉션에서 <a> 요소 반환.

※ 지정 id 비존재 시, null 반환.

 

 

anchors 예제 - name 속성 갖는 첫 번째 <a> 접근 

 

<a name="html">HTML 강의</a><br>

<a name="css">CSS 강의</a><br>

<a name="php">PHP 강의</a><br>


<button onclick="homzzang()">클릭</button>


<p id="demo"></p>


<script>

function homzzang() {

  var x = document.anchors[0].innerHTML;

  document.getElementById("demo").innerHTML = x;

}

</script>

 

결과보기 (결과값: HTML 강의)


방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

분류 제목
Basic JS - Home (JS입문) + Javascript Framework (프레임워크) 종류
Basic JS - Intro (JS소개)
Basic JS - Where To (JS위치) - JS구문 / JS코드위치 / JS사용법 ※ JS외부링크 주의사항
Basic JS - Output (JS출력= JS쓰기) ★★★★★
Basic JS - Syntax (JS구문) ★
Basic JS - Statement (JS구문= JS명령문)
Basic JS - Comment (JS주석)
Basic JS - Variable (JS변수) ★★★★★
Basic JS - Operator (연산자) - JS연산자 ★★★★★
Basic JS - Data Type - 데이터유형 ★★★★★ (= 데이터형식 = 데이터타입 = 데이터종류 = 자료형…
Basic JS - Function - JS함수 ★★★★★ ※ 일반함수 특징 2
Basic JS - Object - JS객체 ★★★★★
Basic JS - Scope - JS유효범위 (= JS접근범위 = 변수 종류) ★★★★★★★★★★
Basic JS - Event - JS이벤트 (= JS코드실행방법) ★★★★★
Basic JS - Strings - JS문자열
1/89
목록
 홈  PC버전 로그인 일본어
웹디자인언어
서버관리언어
고급코딩언어
그누보드
제작의뢰 1
Q&A
커뮤니티 4
웹유틸
회원센터
홈짱 PC버전 로그인