본문 바로가기
JS

HTML 내부요소 변경 _ getElementById

by 율✌️ 2022. 5. 20.

 

document.getElementById('바꾸고싶은 요소id 값').innerHTML = '대신할 요소'

    웹문서           ID~~인 HTML 요소를 가져와라                       내부글자

 

예)

<body>
    <h1 id='Hello'>Hello</h1>
</body>
<script>
document.getElementById('Hello').innerHTML = 'Good Bye'
</script>

 

👉 innerHTML 대신 바꾸고 싶은 대상을 써도 됨

예) document.getElementById('바꾸고싶은 요소id 값').style.color = 'red'

>>글씨가 빨간색으로 바뀜     

 

바꾸고 싶은대상의 코드는 구글검색하는것 추천

JS how to change margin 등등......                                     

    

'JS' 카테고리의 다른 글

innerHTML VS textContent  (0) 2022.05.25
class 추가/삭제_classList.add/remove/toggle  (0) 2022.05.25
OG 태그_게시물 공유할때사용  (0) 2022.05.19
카카오지도 API키 발급  (0) 2022.05.19
카카오 지도서비스 API  (0) 2022.05.19