나만의 개발노트

[JS 개념] document.getElementById() 본문

[JavaScript]/[JavaScript] 개념 모음

[JS 개념] document.getElementById()

노트포미 2023. 4. 20. 00:14

document.getElementById()

: JavaScript에서 Id로 HTML에 있는 Element를 불러오는 함수

getElementById(id);

 

<예제>

html

<html lang="en">
  <head>
    <title>getElementById example</title>
  </head>
  <body>
    <p id="para">Some text here</p>
    <button onclick="changeColor('blue');">blue</button>
    <button onclick="changeColor('red');">red</button>
  </body>
</html>

javascript

function changeColor(newColor) {
  const elem = document.getElementById("para");
  elem.style.color = newColor;
}

1st 기록 : 23.04.20(목)

'[JavaScript] > [JavaScript] 개념 모음' 카테고리의 다른 글

[JS 개념] currentTarget  (0) 2023.05.08
[JS 개념] forEach()  (0) 2023.05.03
[JS 개념] addEventListener()  (0) 2023.04.20
[JS 개념] document.querySelector()  (0) 2023.04.20
[JS 개념] arrays(배열)  (0) 2023.04.20
'[JavaScript]/[JavaScript] 개념 모음' Related Articles more