HTML의 id 속성
예
자바 스크립트를 사용하여 텍스트 id 속성을 처리하기 위해 :
<HTML>
<헤드>
<스크립트 유형 = "텍스트 / 자바 스크립트">
기능 displayResult ()
{
중요 document.getElementById (이하 "myHeader") innerHTML을은 = "좋은 하루 되세요!";
}
</ 스크립트>
</ 헤드>
<바디>
<H1 한 id = "myHeader"> 안녕하세요! </ H1>
<버튼의 onclick = "displayResult ()"> 변경 텍스트 </ 버튼>
</ BODY>
</ HTML>
<헤드>
<스크립트 유형 = "텍스트 / 자바 스크립트">
기능 displayResult ()
{
중요 document.getElementById (이하 "myHeader") innerHTML을은 = "좋은 하루 되세요!";
}
</ 스크립트>
</ 헤드>
<바디>
<H1 한 id = "myHeader"> 안녕하세요! </ H1>
<버튼의 onclick = "displayResult ()"> 변경 텍스트 </ 버튼>
</ BODY>
</ HTML>
»시도
하단 부분은 이상의 인스턴스가 포함되어 있습니다.
브라우저 지원
모든 주요 브라우저는 id 속성을 지원
정의 및 사용
id 속성은 고유 ID의 HTML 요소를 지정합니다.
HTML 문서의 ID는 고유해야합니다.
id 속성은 자바 스크립트를 통해 (HTML DOM), 링크 앵커 (링크 앵커)로 사용하거나 변경 또는 지정된 ID를 가진 요소에 대한 CSS 스타일 추가 할 수 있습니다.
HTML 4.01과 HTML5의 차이점
HTML5에서, id 속성은 어떤 HTML 요소와 함께 사용할 수 있습니다 (이것은 확인합니다 그 어떤 HTML 요소,하지만 반드시 유용하지 않습니다).
HTML 4.01에서 id 속성을 사용할 수 없습니다 : <기본>, <머리>를 <HTML>, <메타>, <PARAM>, <스크립트>, <스타일> 및 <제목>.
참고 : HTML 4.01 ID의 값 (: HTML 4.01 ID 값의 숫자로 시작하지 예를 들면)의 엄격한 제한이있다.
문법
<요소ID = "ID">
속성 값
값 | 기술 |
---|---|
신분증 | 지정된 ID의 유일한 요소입니다. 이름 지정 규칙 :
|
더 많은 예제 |
CSS의 id 속성
어떻게 스타일을 CSS에서 요소의 id 속성을 사용하는 방법
HTML 글로벌 속성