Document.getElementById()
주어진 문자열과 일치하는 id 속성을 가진 요소를 찾고, 이를 나타내는 Element 객체를 반환한다.
ID는 문서 내에서 유일해야 하기 때문에 특정 요소를 빠르게 찾을 때 유용합니다.
매개변수: id
찾으려는 요소 ID. ID는 대소문자를 구분하는 문자열로, 문서 내에서 유일해야 합니다. 즉, 하나의 값은 하나의 요소만 사용할 수 있다.
반환값: 주어진 ID와 일치하는 DOM요소를 나타내는 Element 객체 문서 내에 주어진 ID가 없으면 null
<html>
<head>
<title>getElementById 예제</title>
<script src="getElementByID.js">
</script>
</head>
<body>
<p id="para">어떤 글</p>
<button onclick="changeColor('blue');">blue</button>
<button onclick="changeColor('red');">red</button>
</body>
</html>function changecolor(newColor){
var element = document.getElementById('para');
element.style.color = newColor;
}
'Language > JavaScript' 카테고리의 다른 글
| [JavaScript] 이미지 스프라이트 (0) | 2020.08.31 |
|---|---|
| [JavaScript] 비동기, 동기 (0) | 2020.08.30 |
| [JavaScript] Document (0) | 2020.08.26 |
| [JavaScript] 객체의 기본형, 객체의 종류 (0) | 2020.08.21 |
| [JavaScript] DOM이란 무엇인가? (0) | 2020.07.29 |
댓글