HTML DOM 링크 rel 속성
정의 및 사용
REL 특성은 현재 문서와 링크 된 문서 사이의 관계를 지정한다.
문법
rel 속성을 설정합니다 :
linkObject.rel="relationship"
다시 확인해 속성 :
linkObject.rel
속성 값 :
값 | 기술 |
---|---|
대체 | 문서 (예 : 인쇄 된 페이지 번역, 또는 거울 등의) 대체 버전. |
스타일 시트 | 외부 스타일 시트 문서입니다. |
스타트 | 컬렉션의 첫 번째 문서입니다. |
다음 | 컬렉션의 다음 문서. |
이전 | 문서 컬렉션. |
내용 | 문서의 내용. |
색인 | 인덱스 문서. |
어휘 | 문서 용어집 (설명)에 사용된다. |
저작권 | 저작권 정보가 포함 된 문서. |
장 | 문서의 장. |
섹션 | 문서의 섹션입니다. |
항 | 문서의 섹션입니다. |
충수 | 부록 문서. |
도움 | 도움말 문서. |
북마크 | 관련 문서. |
브라우저 지원
모든 주요 브라우저에서 확인해 속성을 지원
참고 : 오페라 나 사파리 브라우저는 "검색"값을 지원하지 않습니다.
참고 : IE, 사파리, 또는 크롬 브라우저가 "사이드 바"를 지원하지 않습니다.
예
예
현재의 문서와 링크 된 문서 사이의 관계를 나타낸다 :
<! DOCTYPE html로>
<HTML>
<헤드>
<메타 문자 집합 = "UTF-8">
<제목>이 튜토리얼 (w3big.com) </ 제목>
<링크 ID = "링크 1"REL = "스타일 시트"유형 = "텍스트 / CSS는"HREF = "style1.css">
<스크립트>
displayResult 함수 () {
VAR X = document.getElementById를 ( "링크 1") REL;
경고 (x)를;
}
</ 스크립트>
</ 헤드>
<바디>
<버튼 TYPE = "버튼"의 onclick = "displayResult는 ()"> 링크 요소들 사이의 관계를 나타낸다 </ 버튼>
</ BODY>
</ HTML>
<HTML>
<헤드>
<메타 문자 집합 = "UTF-8">
<제목>이 튜토리얼 (w3big.com) </ 제목>
<링크 ID = "링크 1"REL = "스타일 시트"유형 = "텍스트 / CSS는"HREF = "style1.css">
<스크립트>
displayResult 함수 () {
VAR X = document.getElementById를 ( "링크 1") REL;
경고 (x)를;
}
</ 스크립트>
</ 헤드>
<바디>
<버튼 TYPE = "버튼"의 onclick = "displayResult는 ()"> 링크 요소들 사이의 관계를 나타낸다 </ 버튼>
</ BODY>
</ HTML>
»시도
링크 개체