• 회원가입
  • 로그인
  • 구글아이디로 로그인

[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)

분류 제목
DOM_Event JS - dblclick 이벤트 (= ondblclick 속성) ★ - 마우스더블클릭이벤트
DOM_Event JS - drag 이벤트 (= ondrag 속성) - 마우스드래그이벤트 (IE9) ※ 드래그앤드롭
DOM_Event JS - dragend 이벤트 (= ondragend 속성) - 마우스드래그종료 (IE9)
DOM_Event JS - dragenter 이벤트 (= ondragenter 속성) - 드래그진입 (= 드래그엔터이벤트)
DOM_Event JS - dragleave -
DOM_Event JS - dragover 이벤트 (= ondragover 속성) -
DOM_Event JS - dragstart 이벤트 (= ondragstart 속성) - 마우스드래그시작 (IE9)
DOM_Event JS - drop 이벤트 (= ondrop 속성) -
DOM_Event JS - durationchange -
DOM_Event JS - ended -
DOM_Event JS - error 이벤트 (= onerror 속성) - 외부파일로드 중 에러발생시 실행 (= 에러 이벤트 …
DOM_Event JS - focus 이벤트 (= onfocus 속성) - 포커스이벤트발생
DOM_Event JS - focusin 이벤트 (= onfocusin 속성) - 해당요소(또는 자식요소) 포커스 될 때 이벤…
DOM_Event JS - focusout 이벤트 (= onfocusout 속성) - 해당요소(또는 자식요소) 포커스 잃을 때…
DOM_Event JS - fullscreenchange -
DOM_Event JS - fullscreenerror -
DOM_Event JS - hashchange -
DOM_Event JS - input 이벤트 (= oninput 속성) ★ - 입력이벤트 (= 인풋이벤트) (IE9)
DOM_Event JS - invalid -
DOM_Event JS - keydown 이벤트 (= onkeydown 속성) ★ - 키보드키누르기 (= 키보드키누름 = 키다…
32/67
목록
찾아주셔서 감사합니다. Since 2012