예
사용 id 자바 스크립트로 텍스트를 조작하는 속성 :
<html>
<body>
<h1 id="myHeader">Hello World!</h1>
<button onclick="displayResult()">Change text</button>
<script>
function displayResult()
{
document.getElementById("myHeader").innerHTML = "Have a nice day!";
}
</script>
</body>
</html>
»그것을 자신을 시도 자세한 내용은 아래 예 "자신을보십시오."
정의 및 사용
id 특성은 독특한 지정 id HTML 요소 (값이 HTML 문서 내에서 유일해야 함)을 대.
id 속성은 스타일 시트의 스타일을 가리 키도록 가장 많이 사용하고, 자바 스크립트에 의해 특정를 가진 요소 조작하는 (하는 HTML DOM을 통해) id .
브라우저 지원
| 속성 | |||||
|---|---|---|---|---|---|
| id | 예 | 예 | 예 | 예 | 예 |
HTML 4.01과 HTML5의 차이점
HTML5, 상기 id 특성은어떤 HTML 요소에 사용될 수있다 (이것은 어떤 HTML 요소를 검증 할 것이다. 그러나, 그것은 반드시 도움이되지 않음).
HTML 4.01에서 id 속성을 사용할 수 없습니다 : <base>, <head>, <html>, <meta>, <param>, <script>, <style> , 그리고 <title> .
참고 : HTML 4.01의 함유량에 큰 제약이있다 id 값 (예, HTML 4.01 id 값을 숫자로 시작할 수 없음).
통사론
<elementid="id">
속성 값
| 값 | 기술 |
|---|---|
| id | 독특한 지정 id 요소에 대한합니다. 이름 지정 규칙 :
|
더 예
예 1
사용 id 지정된와 요소에 링크 속성을 id 페이지 내에서 :
<html>
<body>
<h2><a id="top">Some heading</a></h2>
<p>Lots
of text....</p>
<p>Lots of text....</p>
<p>Lots of text....</p>
<a href="#top">Go to top</a>
</body>
</html> »그것을 자신을 시도 예 2
사용 id CSS와 스타일의 텍스트 속성을 :
<html>
<head>
<style>
#myHeader {
color:
red;
text-align: center;
}
</style>
</head>
<body>
<h1
id="myHeader">w3ii is the best!</h1>
</body>
</html> »그것을 자신을 시도 관련 페이지
HTML 자습서 : HTML 속성
CSS 자습서 : CSS 선택기
CSS 참조 : CSS의 #id 선택기
HTML DOM 참조 : HTML DOM getElementById() 메소드
HTML DOM 참조 : HTML DOM의 id 속성
HTML DOM 참조 : HTML DOM 스타일 개체